/* 
  Kompath Psychotherapy - Therapy & Coaching
  Responsive Overrides & Device Specific Optimizations
*/

/* Support for very small screens (under 360px) */
@media (max-width: 359px) {
  html {
    font-size: 15px;
  }
  
  .brand-name {
    font-size: 1.1rem;
  }
  
  .hero-tagline-badge {
    padding: 0.25rem 0.5rem;
  }
  
  .hero-tagline-text {
    font-size: 0.75rem;
  }
  
  .hero-title {
    font-size: 1.75rem;
  }
  
  .btn-primary, .btn-secondary {
    padding: 0.75rem 1.25rem;
    font-size: 0.8125rem;
  }
  
  .calendar-dates-scroller {
    grid-template-cols: repeat(3, 1fr);
  }
  
  .time-slots-grid {
    grid-template-cols: repeat(2, 1fr);
  }
}

/* Medium screen enhancements for navigation */
@media (min-width: 768px) and (max-width: 1023px) {
  .nav-wrapper {
    height: 4.5rem;
  }
  
  .nav-booking-cta {
    padding: 0.375rem 1rem;
    font-size: 0.8125rem;
  }
  
  .lang-switcher-border {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
  }
  
  .lang-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
  
  .hero-grid {
    gap: 2rem;
  }
  
  .about-grid {
    gap: 2.5rem;
  }
}

/* Print Stylesheet for receipts, pricing lists, and privacy statements */
@media print {
  header.sticky-header,
  .cookie-consent-banner,
  .mobile-drawer,
  .btn-primary,
  .btn-secondary,
  .wizard-footer-nav,
  .service-book-btn,
  .social-circle-btn,
  footer.main-footer {
    display: none !important;
  }
  
  body {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 12pt;
  }
  
  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .success-card, .summary-receipt-card, .contact-details-card, .privacy-card, .pricing-policy-card {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
  }
  
  .success-receipt-details, .receipt-rows-wrapper {
    border: 1px solid #000000 !important;
    padding: 1rem !important;
  }
  
  a {
    text-decoration: underline !important;
    color: #000000 !important;
  }
}