/* JULIET BEAUTY BOUTIQUE - FINAL RESCUE CSS
   Load this file LAST, after premium-upgrade.css and pb-luxury.css.
   Goal: soft luxury pink + black + white + rose-gold, matching the approved hero banner. */

:root{
  --jb-blush:#F8C9D6;
  --jb-soft:#FADCE5;
  --jb-light:#FFF3F6;
  --jb-satin:#F4AFC1;
  --jb-accent:#E88AA8;
  --jb-black:#111111;
  --jb-ink:#2A2A2A;
  --jb-white:#FFFFFF;
  --jb-rose:#D8A1A9;
  --jb-rose-dark:#B8737F;
  --jb-border:rgba(17,17,17,.14);
  --jb-shadow:0 14px 34px rgba(17,17,17,.10);
}

html,body{
  background:var(--jb-light)!important;
  color:var(--jb-black)!important;
}
body::before, body::after{display:none!important;content:none!important;}

/* Stop the dark theme from taking over */
section,.sec,.section,[class*="-sec"],[class*="-section"],
.about,.benefits,.reviews,.faq-sec,.cmp-sec,.quiz-sec,.loc-sec,.insta-sec,.svc-sec,.treats-sec,
.stats,.feat,.ba-sec,.leads-sec,.fcta{
  background-color:var(--jb-light)!important;
  background-image:linear-gradient(180deg,var(--jb-light) 0%,var(--jb-soft) 100%)!important;
  color:var(--jb-black)!important;
}
section:nth-of-type(even),.about,.faq-sec,.cmp-sec,.reviews,.insta-sec{
  background-image:linear-gradient(180deg,var(--jb-soft) 0%,var(--jb-light) 100%)!important;
}

/* Typography */
h1,h2,h3,h4,h5,h6,.stitle,.sec-title,.section-title,.hero-t,[class*="title"],[class*="heading"]{
  color:var(--jb-black)!important;
  -webkit-text-fill-color:var(--jb-black)!important;
  text-shadow:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
}
p,li,span:not(.feat-badge):not(.cmp-winner),label,small,blockquote,.ssub,.desc,.sub-text,.about-text,.rv-text,.faq-a,.faq-q{
  color:var(--jb-ink)!important;
  -webkit-text-fill-color:var(--jb-ink)!important;
}
.eyebrow,[class*="eyebrow"],.snum,.slbl,.feat-tagline,.feat-price,.val-title{
  color:var(--jb-rose-dark)!important;
  -webkit-text-fill-color:var(--jb-rose-dark)!important;
  text-shadow:none!important;
}

/* Header: clean luxury white/pink */
nav,nav.s,header,.header,.navbar,.nav,[class*="nav-wrap"]{
  background:rgba(255,255,255,.88)!important;
  background-color:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(17,17,17,.10)!important;
  box-shadow:0 8px 28px rgba(216,161,169,.12)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
nav *,header *, .header *, .navbar *{
  color:var(--jb-black)!important;
  -webkit-text-fill-color:var(--jb-black)!important;
  text-shadow:none!important;
}@media (hover:hover) and (pointer:fine){
nav a:hover, header a:hover, .navbar a:hover{color:var(--jb-rose-dark)!important;-webkit-text-fill-color:var(--jb-rose-dark)!important;}
}
.ncta{border:1px solid var(--jb-black)!important;color:var(--jb-black)!important;background:#fff!important;border-radius:999px!important;}@media (hover:hover) and (pointer:fine){
.ncta:hover{background:var(--jb-black)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
}
.ham span{background:var(--jb-black)!important;}

/* Hero: keep approved video/banner as source of truth */
.hero,section#top{
  min-height:72vh!important;
  height:72vh!important;
  max-height:820px!important;
  background:linear-gradient(135deg,#5C1830 0%,#3D0F20 50%,#1f0a16 100%)!important;
  overflow:hidden!important;
}
.hero .hv-video,section#top .hv-video{
  opacity:1!important;
  object-fit:cover!important;
  object-position:left center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  z-index:0!important;
}
.hero .ho, section#top .ho{
  background:linear-gradient(90deg,rgba(248,201,214,.05) 0%,rgba(248,201,214,.04) 45%,rgba(248,201,214,.18) 100%)!important;
  z-index:1!important;
}
.hero-prism,#hptc,.hgem,#jb-grain{display:none!important;}
.hc,.hero .hc,section#top .hc{
  z-index:5!important;
  background:transparent!important;
  padding:34px 24px 56px!important;
  height:100%!important;
  justify-content:center!important;
  gap:clamp(22px,5vh,60px)!important;
  align-items:center!important;
}
.hero-logo-img{
  filter:brightness(0)!important;
  opacity:.92!important;
  width:clamp(170px,24vw,310px)!important;
  margin:0 auto!important;
}
.hbtns{gap:14px!important;align-items:center!important;justify-content:center!important;}
.hc .hbtns,section#top .hc .hbtns{margin-top:0!important;}

/* Buttons */
.btn,.cta-btn,a.btn,a[class*="btn"],button[class*="btn"],input[type="submit"],
.btn-pk,.hbtns .btn-pk,section#top .hc .btn-pk,
.book-btn,a[href*="wa.me"]:not(#jb-whatsapp-fab):not(#mob-wa-fab):not(#waf-btn){
  background:var(--jb-black)!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid var(--jb-black)!important;
  border-radius:999px!important;
  box-shadow:0 10px 26px rgba(17,17,17,.20)!important;
  font-family:"Heebo",system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  padding:14px 34px!important;
  text-decoration:none!important;
  display:inline-block!important;
  transition:background .22s,color .22s,transform .15s,box-shadow .22s!important;
}@media (hover:hover) and (pointer:fine){
.btn:hover, .cta-btn:hover, a.btn:hover, a[class*="btn"]:hover, button[class*="btn"]:hover, .btn-pk:hover{
  background:var(--jb-rose-dark)!important;
  border-color:var(--jb-rose-dark)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:translateY(-2px)!important;
}
}
.btn-ghost,.hbtns .btn-ghost,section#top .hc .btn-ghost{
  background:rgba(255,255,255,.88)!important;
  color:var(--jb-black)!important;
  -webkit-text-fill-color:var(--jb-black)!important;
  border:1px solid rgba(17,17,17,.22)!important;
  border-radius:999px!important;
  box-shadow:0 10px 24px rgba(17,17,17,.10)!important;
}@media (hover:hover) and (pointer:fine){
.btn-ghost:hover{background:#fff!important;color:var(--jb-rose-dark)!important;-webkit-text-fill-color:var(--jb-rose-dark)!important;}
}

/* Hero info band */
.hero-band{
  background:linear-gradient(180deg,var(--jb-light) 0%,var(--jb-soft) 100%)!important;
  border-top:1px solid rgba(255,255,255,.7)!important;
  border-bottom:1px solid rgba(17,17,17,.10)!important;
  color:var(--jb-black)!important;
}
.hero-band *{color:var(--jb-black)!important;-webkit-text-fill-color:var(--jb-black)!important;text-shadow:none!important;}
.hero-band .hmr-stars,.jb-rtick-stars{color:var(--jb-accent)!important;-webkit-text-fill-color:var(--jb-accent)!important;}
.hero-band .trust-item,.hero-trust .trust-item,.hfaq-item,.badge,.pill,.tag,.benefit-pill{
  background:rgba(255,255,255,.78)!important;
  border:1px solid var(--jb-border)!important;
  border-radius:999px!important;
  color:var(--jb-black)!important;
  box-shadow:0 8px 20px rgba(216,161,169,.12)!important;
}
.hfaq-item{border-radius:18px!important;}
.slots-bar,#jb-avail{
  background:var(--jb-black)!important;
  border-color:var(--jb-black)!important;
  color:#fff!important;
  border-radius:999px!important;
}
.slots-bar *,.slots-bar span,#jb-avail *{color:#fff!important;-webkit-text-fill-color:#fff!important;}

/* Ticker / strips */
.ticker,#jb-marquee,.pre-bar + *{
  background:var(--jb-black)!important;
  color:#fff!important;
  border:0!important;
}
.ticker *,.ti,#jb-marquee *{color:#fff!important;-webkit-text-fill-color:#fff!important;}

/* Stats */
.stats{
  display:flex!important;
  background:#fff!important;
  border-top:1px solid var(--jb-border)!important;
  border-bottom:1px solid var(--jb-border)!important;
}
.stat,.stat.rv{
  background:#fff!important;
  border-color:rgba(17,17,17,.08)!important;
  box-shadow:none!important;
}
.snum{color:var(--jb-accent)!important;-webkit-text-fill-color:var(--jb-accent)!important;}
.slbl{color:var(--jb-ink)!important;-webkit-text-fill-color:var(--jb-ink)!important;}

/* Cards */
.ben-card,.val-card,.vid-card,.loc-card,.gr-card,.treat-card,.srv-card,.service-card,.rvc,.rv-card,.faq-item,.hfaq-item,
[class*="-card"],[class*="card-"]{
  background:rgba(255,255,255,.80)!important;
  color:var(--jb-black)!important;
  border:1px solid var(--jb-border)!important;
  border-radius:22px!important;
  box-shadow:var(--jb-shadow)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.ben-card *,.val-card *,.treat-card *,.srv-card *,.service-card *,.rvc *,.rv-card *,.faq-item *{
  color:var(--jb-black)!important;
  -webkit-text-fill-color:var(--jb-black)!important;
  text-shadow:none!important;
}@media (hover:hover) and (pointer:fine){
.ben-card:hover, .val-card:hover, .treat-card:hover, .srv-card:hover, .service-card:hover, .rvc:hover, .rv-card:hover{
  border-color:var(--jb-rose)!important;
  box-shadow:0 18px 42px rgba(232,138,168,.18)!important;
  transform:translateY(-3px)!important;
}
}

/* Images/cards overlays: keep text readable */
.sc-ov,.ba-label-b,.ba-label-a{
  background:linear-gradient(to top,rgba(17,17,17,.72),rgba(17,17,17,.15),transparent)!important;
}
.sc-ov *,.sc-name,.sc-sub{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.35)!important;}
.sc{border-radius:24px!important;box-shadow:0 18px 42px rgba(17,17,17,.14)!important;border:1px solid rgba(17,17,17,.10)!important;}
.sc video,.sc img{filter:none!important;}

/* Forms */
input,textarea,select,.leads-form input,.leads-form textarea,.leads-form select{
  background:#fff!important;
  color:var(--jb-black)!important;
  border:1px solid var(--jb-border)!important;
  border-radius:14px!important;
}
input:focus,textarea:focus,select:focus{border-color:var(--jb-accent)!important;box-shadow:0 0 0 3px rgba(232,138,168,.18)!important;outline:none!important;}

/* Footer stays black and elegant */
footer,.footer{
  background:var(--jb-black)!important;
  color:rgba(255,255,255,.82)!important;
}
footer *, .footer *{color:rgba(255,255,255,.82)!important;-webkit-text-fill-color:rgba(255,255,255,.82)!important;}@media (hover:hover) and (pointer:fine){
footer a:hover, .footer a:hover{color:var(--jb-satin)!important;-webkit-text-fill-color:var(--jb-satin)!important;}
}

/* Floating elements */
#jb-whatsapp-fab,.whatsapp-floating,.floating-whatsapp,#desk-sticky .ds-btn-wa,#mob-wa-fab,.waf{
  background:#25D366!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#desk-sticky .ds-btn-ph{background:var(--jb-black)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
#jb-sticky-cta{background:var(--jb-black)!important;border-top:1px solid var(--jb-rose)!important;}

/* Fixed bars (urgency strip + nav) overlap the hero top and hide the face.
   Push the page down so nothing is hidden under them. */
body{padding-top:156px!important;}
#urgency-strip{top:0!important;}
nav,nav#nav,.navbar{top:64px!important;}

/* Modals / popups — light luxury (exit-intent, service, cert, calc) */
#exit-popup,.exit-ov,#svc-modal,.svc-modal,#certModal,.cert-modal-ov,#jb-calc-overlay,#lb-overlay{
  background:rgba(248,201,214,.55)!important;
  background-image:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.exit-card,.svc-modal-box,.cert-modal-box,.eip-box,.sp-toast,.jb-calc-box,#lb-content,
.modal-box,[class*="modal-box"],[class*="-modal"] > div{
  background:#fff!important;
  background-image:linear-gradient(180deg,#FFFFFF 0%,#FFF3F6 100%)!important;
  color:var(--jb-black)!important;
  border:1px solid var(--jb-border)!important;
  border-radius:24px!important;
  box-shadow:0 24px 60px rgba(17,17,17,.18)!important;
}
.exit-card *,.svc-modal-box *,.cert-modal-box *,.eip-box *,.jb-calc-box *{
  color:var(--jb-ink)!important;-webkit-text-fill-color:var(--jb-ink)!important;text-shadow:none!important;
}
.exit-card h1,.exit-card h2,.exit-card h3,.exit-card strong,.exit-card b{
  color:var(--jb-black)!important;-webkit-text-fill-color:var(--jb-black)!important;
}
.exit-card .exit-btn,.exit-btn{background:var(--jb-black)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:999px!important;}
.exit-card .exit-btn *,.exit-btn *{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.exit-close,.svc-close,.cert-close,[class*="-close"]{color:var(--jb-ink)!important;-webkit-text-fill-color:var(--jb-ink)!important;}

/* Mobile */
@media(max-width:768px){
  .hero,section#top{height:68vh!important;min-height:560px!important;}
  .hero .hv-video,section#top .hv-video{object-position:left center!important;}
  .hc,.hero .hc,section#top .hc{padding:26px 18px 38px!important;}
  .hero-logo-img{width:180px!important;}
  .hbtns{flex-direction:column!important;width:100%!important;}
  .hbtns .btn-pk,.hbtns .btn-ghost{width:min(320px,92vw)!important;justify-content:center!important;}
  .stats{display:grid!important;grid-template-columns:1fr 1fr!important;}
}