/* SCC-RUN-23 (2026-11-05): UX/mobile audit fixes. Loaded last on every EN page. */

/* Same hero photo, WebP (283 KB -> 80 KB). Only the image layers change; position/size stay from styles.css. */
.hero{background-image:linear-gradient(90deg,rgba(10,51,59,.95) 0%,rgba(20,97,94,.87) 49%,rgba(25,101,108,.66) 100%),url("doctor-patient.webp")}
.consult-hero{background-image:linear-gradient(90deg,rgba(15,42,63,.9) 0%,rgba(22,78,99,.78) 48%,rgba(45,122,117,.34) 100%),url("doctor-patient.webp")}

/* Phone menu: fully opaque so the page does not show through. */
.mobile-panel{background:#2d7a75}

/* Readable line length on desktop. */
.prose p,.prose li{max-width:72ch}
.credentials-docs__note{max-width:68ch}

/* Small text. */
.brand span{font-size:12px}
.eyebrow,.section-label{font-size:13px}
.visual-grid figcaption{font-size:13px}

/* Tap targets. */
.footer-contact a,.footer-office a{display:inline-flex;align-items:center;min-height:36px}
.contact-details .direct-contact a{display:inline-block;padding-block:8px}
.site-header .consult-header-language{display:inline-flex;align-items:center;min-height:36px}
.consult-footer-links a{display:inline-flex;align-items:center;min-height:36px;padding-inline:4px}

/* Sticky phone bar (phone only). */
.mobile-cta-bar{display:none}

@media (max-width:740px){
  .site-header.consult-header .nav-action{display:none}
  .site-header.consult-header .consult-header-phone{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-size:14px}

  .contact-form input:not([type=checkbox]):not([type=radio]),.contact-form select,.contact-form textarea{font-size:16px}
  .contact-form label,.contact-form .form-consent,.form-note{font-size:14px}
  .form-field-note{font-size:13px}
  .session-grid figcaption,.patient-quotes figcaption{font-size:14px}

  .mobile-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);box-shadow:0 -6px 24px rgba(15,42,63,.16)}
  .mobile-cta-bar a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 8px;border-radius:8px;font-size:15px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none}
  .mobile-cta-call{border:2px solid var(--teal-deep);color:var(--teal-deep)}
  .mobile-cta-request{background:var(--teal-deep);color:#fff}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}