/* Mobile navigation and service CTA hierarchy — September 2026. */

/* Homepage mobile navigation: a high-contrast, touch-friendly menu card. */
@media (max-width:800px){
  .site-header .nav-wrap{position:relative}
  .site-header .menu-button{
    display:flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;
    gap:6px;padding:10px;border:1px solid rgba(255,255,255,.34);border-radius:50%;
    background:rgba(255,255,255,.08);box-shadow:0 7px 20px rgba(0,12,31,.18)
  }
  .site-header .menu-button span:not(.sr-only){width:21px;height:2px;border-radius:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
  .site-header .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .site-header .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .site-header .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .site-header .main-nav{
    top:58px;left:0;right:0;z-index:20;overflow:auto;max-height:calc(100vh - 82px);
    flex-direction:column;align-items:stretch;gap:0;padding:13px 18px 18px;
    border:1px solid rgba(220,226,230,.95);border-top:3px solid var(--gold);
    border-radius:0 0 12px 12px;background:#fff;box-shadow:0 24px 54px rgba(0,18,42,.24)
  }
  .site-header .main-nav>a:not(.button){
    display:flex;min-height:47px;align-items:center;padding:11px 3px;border-bottom:1px solid #e4e9ed;
    color:var(--ink);font-size:16px;font-weight:700;line-height:1.25
  }
  .site-header .main-nav>a:not(.button):hover,.site-header .main-nav>a:not(.button):focus-visible{color:#0a4e7a;border-bottom-color:#dcae52}
  .site-header .main-nav .button{
    display:flex;min-height:50px;align-items:center;justify-content:center;margin:16px 0 0!important;
    border:1px solid #dcae52;background:#dcae52;color:#102642!important;font-size:15px;font-weight:800;text-align:center
  }
}

/* Shared service CTA hierarchy: gold = direct purchase, navy/ivory = free guidance. */
.service-page .button{border:1px solid transparent;box-shadow:0 8px 20px rgba(5,27,53,.12);font-weight:800;line-height:1.25}
.service-page .service-hero-direct,.service-page .direct-booking-button{
  background:#e2b655!important;border-color:#e2b655!important;color:#102642!important;
  box-shadow:0 10px 24px rgba(0,10,28,.28)
}
.service-page .service-hero-direct:hover,.service-page .direct-booking-button:hover{
  background:#f1c86e!important;border-color:#f1c86e!important;color:#071d3a!important
}
.service-page .service-hero-primary{
  min-height:58px!important;padding:15px 22px!important;border:2px solid #173c5b!important;
  background:#173c5b!important;color:#fff!important;font-size:16px!important;font-weight:900!important;
  letter-spacing:.01em;box-shadow:0 9px 22px rgba(10,34,64,.18);transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease
}
.service-page .service-hero-actions .service-hero-primary:only-child{grid-column:1/-1}
.service-page .service-hero-primary:hover,.service-page .service-hero-primary:focus-visible{background:#245777!important;border-color:#245777!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 13px 27px rgba(10,34,64,.24)}
.service-page .service-hero-decision-panel>a.button[href*="calendar"]{
  display:flex;min-height:54px;align-items:center;justify-content:center;
  background:#d9eaf3!important;border-color:#8baabd!important;color:#0a2240!important;
  box-shadow:0 8px 20px rgba(0,10,28,.22);text-align:center
}
.service-page .service-hero-decision-panel>a.button[href*="calendar"]:hover{
  background:#edf6fa!important;border-color:#b6ccd8!important;color:#071d3a!important
}
.service-page .page-hero .contact-options{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px!important;
  align-items:center;justify-items:center;width:100%;margin-top:22px!important;padding:20px;
  border:1px solid #c6d5df;border-radius:10px;background:#eef4f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)
}
.service-page .page-hero .contact-options span{
  grid-column:1/-1;width:100%;margin:0 0 4px;color:#0a2240!important;font-size:18px!important;font-weight:900!important;line-height:1.3;text-align:center
}
.service-page .page-hero .contact-options a[href*="calendar"]{
  display:flex;grid-column:1/-1;width:100%;min-height:54px;align-items:center;justify-content:center;padding:13px 18px;
  border:1px solid #dcae52!important;background:#dcae52!important;color:#102642!important;font-size:16px!important;font-weight:700!important;text-align:center;text-decoration:none!important;
  box-shadow:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease
}
.service-page .page-hero .contact-options a[href*="calendar"]:hover,.service-page .page-hero .contact-options a[href*="calendar"]:focus-visible{background:#efc675!important;border-color:#efc675!important;color:#102642!important;transform:translateY(-2px);box-shadow:none}
.service-page .page-hero .contact-options a[href^="mailto:"],
.service-page .page-hero .contact-options a[href*="wa.me"]{
  display:inline-flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:9px;margin:0;padding:10px 14px;
  border:1px solid #aebfc9!important;border-radius:6px;background:#fff;color:#173c5b!important;
  font-size:15px!important;font-weight:850!important;text-align:center;text-decoration:none!important;
  box-shadow:0 5px 12px rgba(10,34,64,.07);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease
}
.service-page .page-hero .contact-options a[href^="mailto:"]::before,
.service-page .guided-contact-link[href^="mailto:"]::before{
  content:"✉";display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:50%;
  background:#2474a6;color:#fff;font-size:14px;font-weight:700;line-height:1;transform:none
}
.service-page .page-hero .contact-options a[href*="wa.me"]::before,
.service-page .guided-contact-link[href*="wa.me"]::before{
  content:"";display:inline-block;width:29px;height:29px;flex:0 0 29px;background:transparent url("assets/icons/whatsapp-filled.svg") center/contain no-repeat;
  -webkit-mask:none;mask:none
}
.service-page .page-hero .contact-options a[href^="mailto:"]:hover{border-color:#2474a6!important;background:#f3f9fc;transform:translateY(-2px);box-shadow:0 9px 17px rgba(36,116,166,.14)}
.service-page .page-hero .contact-options a[href*="wa.me"]:hover{border-color:#25a95a!important;background:#f2fbf6;transform:translateY(-2px);box-shadow:0 9px 17px rgba(37,169,90,.14)}
.service-page .guided-booking .coaching-options-cta{
  min-height:50px;padding:13px 20px;border:1px solid #dcae52;background:#dcae52;color:#102642!important;font-weight:700!important;box-shadow:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease
}
.service-page .guided-booking .coaching-options-cta:hover{background:#efc675;border-color:#efc675;color:#102642!important;transform:translateY(-2px)}
.service-page .guided-contact-link{gap:8px;border-bottom:0!important;padding:8px 12px!important;border-radius:6px;background:#fff;box-shadow:0 4px 11px rgba(10,34,64,.08)}
.service-page .service-end-cta .button{
  min-height:50px;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #fff;background:#fff;color:#0a2240!important;text-align:center
}

@media (max-width:700px){
  .service-page .service-hero-actions,.service-page .guided-booking-actions{width:100%}
  .service-page .service-hero-actions .button,
  .service-page .direct-booking-button,
  .service-page .guided-booking .coaching-options-cta,
  .service-page .service-end-cta .button{
    display:flex!important;width:100%!important;max-width:none!important;min-height:52px;
    align-items:center!important;justify-content:center!important;margin-left:0!important;margin-right:0!important;
    padding:13px 18px!important;text-align:center!important;white-space:normal!important;line-height:1.3!important
  }
  .service-page .page-hero .contact-options{grid-template-columns:1fr 1fr;gap:10px 12px!important}
  .service-page .page-hero .contact-options a[href*="calendar"]{width:100%}
  .service-page .page-hero .contact-options a{align-items:center;justify-content:center;text-align:center}
  .service-page .guided-booking-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
  .service-page .guided-booking .coaching-options-cta{grid-column:1/-1}
  .service-page .guided-contact-link{justify-content:center;text-align:center}
  .service-page .service-end-cta{display:flex;flex-direction:column;align-items:stretch;text-align:center}
}

@media (prefers-reduced-motion:reduce){
  .service-page .service-hero-primary,.service-page .page-hero .contact-options a{transition:none!important;transform:none!important}
}