/* Highbury "Plum & gold" — richer pass (Maya, 15 Oct 2026, client: "too plain").
   Colour rhythm (deep plum bands), Thai ornament from the logo, layered own photos, bigger reviews.
   Loaded after theme.css. Wording untouched. */
:root{--plum-deep:#3A1A31;--ivory:#FFFDF8;}
/* ornament instead of the plain rule */
.gold-rule{width:140px;height:20px;background:url(images/ornament.svg) no-repeat left center/contain!important;margin:20px 0 26px;}
/* hero: slow zoom + layered hands photo + gold frame */
.hero{position:relative;}
.hero-bg{animation:hbZoom 26s ease-in-out infinite alternate;}
@keyframes hbZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.hero-bg{animation:none}}
.hero-photo{grid-column:2;grid-row:1;position:relative;overflow:hidden;}
.hero-photo .hero-bg{position:absolute;inset:0;width:100%;height:100%;min-height:0;}
.hero-inset{position:absolute;z-index:2;left:calc(50% - 130px);bottom:56px;width:250px;height:310px;object-fit:cover;border:7px solid var(--ivory);box-shadow:0 24px 50px -18px rgba(46,22,40,.55);}
.hero-inset-frame{position:absolute;z-index:1;left:calc(50% - 150px);bottom:36px;width:250px;height:310px;border:1px solid var(--gold);}
.hero-inner h1 em{font-style:italic;color:var(--gold);}
/* offers + reviews = deep plum bands with a faint lotus pattern */
.promo,#reviews,.page-hero{background:var(--plum-deep) url(images/pattern.svg) repeat!important;}
.promo h2,#reviews .sec-title,.page-hero h1{color:var(--ivory)!important;}
.promo p,.page-hero p{color:rgba(243,231,204,.85)!important;}
.page-kicker,#reviews .sec-kicker{color:var(--pink)!important;}
.page-hero{border-bottom:none!important;}
.promo-card,.promo-card--wide{background:rgba(255,253,248,.04)!important;border:1px solid rgba(217,189,126,.45)!important;border-top:1px solid rgba(217,189,126,.45)!important;position:relative;}
.promo-card--wide{border-color:rgba(217,189,126,.8)!important;}
.promo-card::before,.promo-card::after{content:'';position:absolute;width:16px;height:16px;border-color:var(--pink);border-style:solid;}
.promo-card::before{top:6px;left:6px;border-width:1px 0 0 1px;}
.promo-card::after{bottom:6px;right:6px;border-width:0 1px 1px 0;}
.promo-card h3{color:var(--ivory)!important;}
.promo-card .promo-deal,.promo-deal{color:var(--pink)!important;}
.promo-card .promo-small{color:rgba(243,231,204,.75)!important;}
.promo-card .promo-small a{color:#F7D58A!important;}
.promo .btn-pink,#reviews .btn-pink{background:var(--gold)!important;color:var(--plum-deep)!important;font-weight:500;}
.promo .btn-pink:hover,#reviews .btn-pink:hover{background:var(--pink)!important;}
#reviews .g-rating{color:rgba(243,231,204,.8);}
#reviews .g-rating strong{color:var(--ivory);font-size:40px;}
#reviews .g-stars{color:#E8C66A;font-size:22px;}
#reviews .rcard{background:rgba(255,253,248,.05);border:1px solid rgba(217,189,126,.35);position:relative;padding:44px 28px 24px;}
#reviews .rcard::before{content:'\201C';position:absolute;top:-6px;left:22px;font-family:'Cormorant Garamond',serif;font-size:96px;line-height:1;color:var(--gold);}
#reviews .rcard blockquote{color:var(--ivory);font-size:22px;font-style:italic;}
#reviews .rcard figcaption{color:var(--pink);}
#reviews .rlink{color:#F7D58A;}
/* photo strip */
.hb-strip{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:6px;background:var(--ivory);padding:6px;}
.hb-strip img{width:100%;height:340px;object-fit:cover;}
@media(max-width:700px){.hb-strip{grid-template-columns:1fr 1fr;}.hb-strip img{height:180px;}.hb-strip img:first-child{grid-column:1/-1;height:220px;}}
/* therapists + vouchers photos: gold-framed arch */
.visit-photo.arch{border-radius:260px 260px 4px 4px;overflow:visible;position:relative;min-height:460px;}
.visit-photo.arch img{border-radius:260px 260px 4px 4px;position:relative;z-index:1;height:100%;min-height:460px;}
.visit-photo.arch::after{content:'';position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--gold);border-radius:260px 260px 4px 4px;}
@media(max-width:1000px){.visit-photo.arch{max-width:420px;margin:0 auto;width:calc(100% - 20px);min-height:380px;}.visit-photo.arch img{min-height:380px;}}
.sec.hb-tint{background:var(--blush-d);}
/* treatment cards: price as a gold tag, gold line on hover */
.tcard{border-bottom:2px solid transparent;transition:transform .3s,box-shadow .3s,border-color .3s;}
.tcard:hover{border-bottom-color:var(--gold);}
.tcard-price{display:inline-block;align-self:flex-start;border:1px solid rgba(176,138,62,.55);padding:6px 12px;border-radius:2px;}
/* footer: bigger logo, ornament on top */
.site-footer{background:#24101F url(images/pattern.svg) repeat;position:relative;}
.site-footer::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:140px;height:20px;background:url(images/ornament.svg) no-repeat center/contain;}
.footer-brand img{height:96px!important;}
@media(max-width:900px){
  .hero-photo{grid-column:1;grid-row:1;height:300px;}
  .hero-inset{width:120px;height:150px;left:auto;right:22px;bottom:-30px;border-width:5px;}
  .hero-inset-frame{display:none;}
  .hero-inner{padding-top:56px!important;}
}
.hero-photo{min-height:520px;}
@media(max-width:900px){.hero-photo{min-height:0;}.hero-inset{top:200px;bottom:auto;}}
.hero-inner h1::after{width:140px!important;height:20px!important;background:url(images/ornament.svg) no-repeat left center/contain!important;}
/* team portraits */
.hb-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:72px;}
.hb-member{margin:0;text-align:center;}
.hb-member img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:200px 200px 4px 4px;border:1px solid rgba(176,138,62,.6);padding:6px;background:var(--ivory);}
.hb-member figcaption{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--berry);margin-top:14px;}
.hb-member figcaption::after{content:'';display:block;width:70px;height:12px;margin:6px auto 0;background:url(images/ornament.svg) no-repeat center/contain;}
@media(max-width:900px){.hb-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:48px;}.hb-member figcaption{font-size:22px;}}
/* ---- client fixes 15 Oct (round 2) ---- */
h1,h2,h3,h4,.promo-deal,.sec-kicker,.page-kicker{text-wrap:balance;}
p,li,figcaption,blockquote,dd,summary,.vrow-val{text-wrap:pretty;}
/* chat never covers content */
#jw-fab{display:none!important;}
.nav-chat{display:none;}
@media(max-width:900px){.nav-chat{display:block;}}
.hb-chat-tab{display:none;}
@media(min-width:901px){
  .hb-chat-tab{display:block;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:150;writing-mode:vertical-rl;background:var(--berry);color:#FFFDF8;border:none;border-radius:6px 0 0 6px;padding:16px 6px;width:26px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;box-shadow:-4px 4px 14px rgba(46,22,40,.25);}
  .hb-chat-tab:hover{background:var(--berry-md);}
}
/* name beside the logo: "Highbury Thai Massage" readable on every phone */
.nav-logo .wm-2{color:var(--berry)!important;font-weight:500;opacity:.85;}
@media(max-width:900px){
  .nav-logo{gap:9px;}
  .nav-logo img{height:40px;}
  .nav-logo .wm-1{font-size:21px;}
  .nav-logo .wm-2{display:block!important;font-size:10px;letter-spacing:.2em;margin-top:4px;}
}
@media(max-width:360px){
  .nav-inner{padding:0 12px;gap:8px;}
  .nav-logo{gap:7px;}.nav-logo img{height:34px;}
  .nav-logo .wm-1{font-size:19px;}.nav-logo .wm-2{font-size:9px;letter-spacing:.14em;}
  .nav-book-m{padding:9px 10px;font-size:10.5px;letter-spacing:.08em;}
}
.nw{white-space:nowrap;}