/* Aloe Health V16 — review refinements, preserves V15 page content and all V14 repairs. */
/* First Visit: extend image UNDER the transparent site header as on other site heroes. */
body.v16-first-visit .site-header{background:transparent!important;border-bottom:0!important;position:relative;z-index:20;}
body.v16-first-visit .ahfv-hero{margin-top:-92px!important;padding-top:92px;box-sizing:content-box;height:320px;max-width:1200px;}
body.v16-first-visit .ahfv-hero-picture{top:0!important;height:100%;}
body.v16-first-visit .ahfv-hero-inner{padding-top:0;}
/* First Visit: stable top-aligned illustrated rows. Growing details may only push subsequent rows DOWN. */
body.v16-first-visit .ahfv-step{align-items:start!important;scroll-anchor:none;}
body.v16-first-visit .ahfv-picture{align-self:start!important;padding-top:8px;}
body.v16-first-visit .ahfv-step-num{align-self:start!important;margin-top:100px!important;}
body.v16-first-visit .ahfv-step-content,
body.v16-first-visit .ahfv-step:nth-child(even) .ahfv-step-content{align-self:start!important;padding-top:79px!important;padding-bottom:20px!important;}
body.v16-first-visit .ahfv-picture img{width:100%;max-width:465px;height:auto;}
body.v16-first-visit .ahfv-more{overflow:visible;}
body.v16-first-visit .ahfv-more[open] .ahfv-detail{position:static;transform:none;}
/* Single coherent botanical accent for EVERY existing bottom site CTA; purely decorative. */
body .wide-cta .cta-grid{position:relative!important;padding-left:calc(var(--v5-gutter, 30px) + 97px)!important;min-height:120px;isolation:isolate;}
body .wide-cta .v16-cta-leaf{display:block;position:absolute!important;left:calc(var(--v5-gutter, 30px) + 2px)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:80px!important;height:104px!important;object-fit:contain;z-index:1;opacity:.78;pointer-events:none;}
body .wide-cta .cta-grid>div:not(.aloe-ornament){position:relative;z-index:2;}
/* V15 had a page-only leaf indentation. Remove it in favour of unified site treatment. */
body.v16-first-visit .ahfv-ready-book .cta-grid>div{margin-left:0!important;width:auto!important;}
body .wide-cta .button:not(.outline){background:#315d41!important;color:#fff!important;}
@media(max-width:710px){
 body.v16-first-visit .ahfv-hero{margin-top:-77px!important;padding-top:77px;height:350px;}
 body.v16-first-visit .ahfv-step{align-items:start!important;}
 body.v16-first-visit .ahfv-picture{padding-top:0!important;}
 body.v16-first-visit .ahfv-step-num{align-self:start!important;margin-top:0!important;top:7px;}
 body.v16-first-visit .ahfv-step:nth-child(odd) .ahfv-step-content,
 body.v16-first-visit .ahfv-step:nth-child(even) .ahfv-step-content{padding:4px 7px 16px 4px!important;}
 body .wide-cta .cta-grid{padding-left:var(--v5-gutter, 22px)!important;padding-right:calc(var(--v5-gutter, 22px) + 49px)!important;min-height:108px;}
 body .wide-cta .v16-cta-leaf{left:auto!important;right:3px!important;top:auto!important;bottom:6px!important;transform:none!important;width:52px!important;height:77px!important;opacity:.5;}
}
@media(max-width:390px){body .wide-cta .cta-grid{padding-right:55px!important;}}
@media(prefers-reduced-motion:reduce){body.v16-first-visit .ahfv-more *{transition:none!important;animation:none!important;}}

/* Phase 3 WCAG text-contrast correction. Typography/layout/spacing are unchanged.
   Language options and footer legal text sit on the light clinic background. */
.site-header a[lang="en"],
.site-header a[lang="zh-Hant"],
.site-header .language-switch a,
.v7-footer-legal a { color:#293f31 !important; }

/* Complete Phase 3 contrast pass for small informational labels in About,
   Booking and Contact; no position, spacing or font-size changes. */
body .fact > span,
body .booking-price,
body .eyebrow { color:#293f31 !important; }


/* Phase 3 owner layout correction: About is a 1200px editorial band, not a
   framed page/card. Retain V13 two-column sections and separately framed portrait. */
body.v5-about .v13-about {
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  background:transparent;
  border:0;
  box-shadow:none;
}
body.v5-about .v13-about .feature.first {
  max-width:1200px;
  margin-inline:auto;
  min-height:360px;
  padding-block:52px;
  background:#f7f9f5;
  border-bottom:0;
}
/* The portrait keeps its original V13 300px (275px mobile) contained treatment.
   Do not turn it into a hero background or alter the remaining About grids. */

/* All existing booking bands share the same site content width and a predictable
   visual rhythm. Scope the height treatment to the seven approved page families;
   there is no generic CTA change to Contact, Booking, or Legal. */
body.v5-about .wide-cta,
body.v5-services .wide-cta,
body.v16-first-visit .wide-cta,
body.v5-insurance .wide-cta,
body.v12-why .wide-cta {
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  box-sizing:border-box;
  min-height:200px;
  display:flex;
  align-items:center;
  padding-block:35px;
}
body.v5-about .wide-cta>.container,
body.v5-services .wide-cta>.container,
body.v16-first-visit .wide-cta>.container,
body.v5-insurance .wide-cta>.container,
body.v12-why .wide-cta>.container { width:100%; }

/* One hero type scale, including Traditional Chinese fallbacks, across EN/ZH. */
body.v5-home .home-message h1,
body.v5-about .v13-about .feature.first h1,
body.v5-services .svc-hero h1,
body.v16-first-visit .ahfv-hero h1,
body.v5-insurance .v5-page-hero h1,
body.v12-acupuncture .v5-page-hero h1,
body.v12-herbal .v5-page-hero h1 {
  font-family:'Poppins','Noto Sans TC',sans-serif!important;
  font-size:clamp(43px,4.7vw,64px)!important;
  font-weight:300!important;
  line-height:1.11!important;
  letter-spacing:-.035em!important;
  color:#294c3a!important;
}
@media (max-width:710px) {
  body.v5-about .v13-about .feature.first {
    min-height:0;
    padding:34px 20px;
  }
  body.v5-about .wide-cta,
  body.v5-services .wide-cta,
  body.v16-first-visit .wide-cta,
  body.v5-insurance .wide-cta,
  body.v12-why .wide-cta {
    min-height:170px;
    padding-block:28px;
  }
}
@media (max-width:640px) {
  body.v5-home .home-message h1,
  body.v5-about .v13-about .feature.first h1,
  body.v5-services .svc-hero h1,
  body.v16-first-visit .ahfv-hero h1,
  body.v5-insurance .v5-page-hero h1,
  body.v12-acupuncture .v5-page-hero h1,
  body.v12-herbal .v5-page-hero h1 {
    font-size:clamp(36px,9vw,48px)!important;
  }
}

/* Owner's final About-page alignment notes, EN and Traditional Chinese.
   Keep every band within the established 1200px site canvas. */
body.v5-about .site-header {
  background:transparent !important;
  border-bottom:0 !important;
  position:relative;
  z-index:20;
}
body.v5-about .v13-about .feature.first {
  /* Extend the same solid hero colour BEHIND the transparent header. */
  margin-top:-92px;
  padding-top:144px;
  background:#f7f9f5;
}
body.v5-about .v13-about .education,
body.v5-about .v13-about .overview,
body.v5-about .v13-about > .wide-cta {
  width:100%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
/* The credentials/verification white band aligns with the education band;
   do not create a narrower inset white rectangle. */
body.v5-about .v13-about .overview {
  background:#fff;
  border-radius:0;
  box-shadow:none;
}
/* Let the booking section's botanical background occupy the entire
   1200px About band, rather than only an inner content column. */
body.v5-about .v13-about > .wide-cta {
  align-self:stretch;
  background:#f1f4eb !important;
}
@media (max-width:710px) {
  body.v5-about .v13-about .feature.first {
    margin-top:-77px;
    padding-top:111px;
  }
}