html.dark{--accent:#B86D6D;--ink:#F6EDED;--muted:#CA9D9D;--bg:#F29191;--surface:#211212;--line:rgba(246,237,237,.14);--shadow:0 20px 60px rgba(0,0,0,.35)}html.dark .site-header{background:rgba(21,12,12,.88)}html.dark .brand-mark{background:var(--accent);color:#F29191}html.dark .hero{background:radial-gradient(circle at 78% 45%,rgba(209,117,117,.16),transparent 34%),var(--bg)}html.dark .glow{opacity:.3}html.dark .float-tag{background:rgba(33,18,18,.88)}html.dark .phone{border-color:#080707}html.dark .btn-primary{background:var(--accent);color:#F29191}html.dark .btn-ghost{border-color:var(--line)}html.dark .badge.muted{background:rgba(33,18,18,.88);color:var(--ink)}html.dark .input-row input{background:rgba(21,12,12,.18);color:var(--ink)}html.dark .footer{background:#090707}html.dark .repair-section{background:#090707}html.dark .booking{background:var(--accent);color:#F29191}html.dark .booking .eyebrow{color:#4C2727}html.dark .mobile-drawer{background:var(--bg)}

/* =========================================================
   DARK MODE FINAL CONTRAST OVERRIDES
   ========================================================= */
html.dark{
  --accent:#B86D6D;
  --ink:#F6EDED;
  --muted:#D6B2B2;
  --bg:#F29191;
  --surface:#211212;
  --line:rgba(246,237,237,.16);
}
html.dark body{background:#F29191;color:#F6EDED}
html.dark .site-header{background:rgba(21,12,12,.94);color:#F6EDED}
html.dark .nav-link,
html.dark .has-dropdown>button,
html.dark .login-link,
html.dark .brand,
html.dark .icon-btn,
html.dark .pill-btn{color:#F6EDED}
html.dark .nav-link:hover,
html.dark .nav-link.active,
html.dark .has-dropdown:hover>button{color:#ff8e92 !important}
html.dark .dropdown a:hover,
html.dark .dropdown a.active{background:rgba(255,142,146,.2) !important;color:#ffb0b3 !important}
html.dark .category-strip,
html.dark .brands,
html.dark .product,
html.dark .testimonial,
html.dark .dropdown,
html.dark .float-tag{background:#211212;color:#F6EDED}
html.dark .repair-section{background:#090707;color:#F6EDED}
html.dark .repair-copy p,
html.dark .step p{color:#D6B2B2}
html.dark .footer{background:#090707;color:#F6EDED}
html.dark .footer p,
html.dark .footer-grid a:not(.brand),
html.dark .footer-bottom{color:#D6B2B2}
html.dark .booking{color:#F29191}
html.dark .booking p{color:#3A1F1F}


/* LIGHT MODE FINAL OVERRIDES */
html:not(.dark) body{background:#FBEFEF !important;color:#190E0E !important}
html:not(.dark) .repair-section,
html:not(.dark) .booking,
html:not(.dark) .brands,
html:not(.dark) .category-strip,
html:not(.dark) .product,
html:not(.dark) .testimonial,
html:not(.dark) .footer{
  color:#190E0E;
}
html:not(.dark) .repair-section p,
html:not(.dark) .booking p,
html:not(.dark) .brands p,
html:not(.dark) .product p,
html:not(.dark) .testimonial p,
html:not(.dark) .footer p{
  color:#522C2C !important;
}


/* =========================================================
   HOME PAGE 1 — MATCH SHARED DARK THEME
   Keeps Home 1 consistent with the rest of the Voltiva pages.
   ========================================================= */
html.dark .home-page{
  --bg:#090707;
  --surface:#211212;
  --ink:#F6EDED;
  --muted:#D6B2B2;
  --accent:#F29191;
  --line:rgba(246,237,237,.16);
  background:#090707;
  color:#F6EDED;
}
html.dark .home-page body{background:#090707;color:#F6EDED}
html.dark .home-page .hero-v2,
html.dark .home-page .experience-section,
html.dark .home-page .collection-scroll,
html.dark .home-page .section4-orbit,
html.dark .home-page .section6-constellation{
  background:#090707 !important;
  color:#F6EDED !important;
}
html.dark .home-page .section5-repair,
html.dark .home-page .section8-typewriter{
  background:#211212 !important;
  color:#F6EDED !important;
}
html.dark .home-page .section7-proof{
  background:#090707 !important;
  color:#F6EDED !important;
}
html.dark .home-page .vx-story{
  background:#090707 !important;
  color:#F6EDED !important;
}
html.dark .home-page h1,
html.dark .home-page h2,
html.dark .home-page h3,
html.dark .home-page h4,
html.dark .home-page strong,
html.dark .home-page .hero-title,
html.dark .home-page .section-title{
  color:#F6EDED !important;
}
html.dark .home-page p,
html.dark .home-page li,
html.dark .home-page span:not(.brand-mark),
html.dark .home-page .hero-description,
html.dark .home-page .section-copy,
html.dark .home-page .typewriter-copy p{
  color:#D6B2B2;
}
html.dark .home-page .eyebrow,
html.dark .home-page .section-kicker,
html.dark .home-page .vx-story-kicker,
html.dark .home-page .vx-story-count{
  color:#F29191 !important;
}
html.dark .home-page .hero-floating-card,
html.dark .home-page .float-tag,
html.dark .home-page .experience-point,
html.dark .home-page .type-input-row input{
  background:#211212 !important;
  color:#F6EDED !important;
  border-color:rgba(246,237,237,.16) !important;
}
html.dark .home-page .btn-primary{
  background:#F29191 !important;
  color:#190E0E !important;
}
html.dark .home-page .btn-ghost{
  color:#F6EDED !important;
  border-color:rgba(246,237,237,.25) !important;
}
html.dark .home-page .footer{
  background:#090707 !important;
  color:#F6EDED !important;
}


/* =========================================================
   REPAIR SERVICES — SECTIONS 5 & 6
   FINAL LIGHT/DARK BACKGROUND + CONTRAST OVERRIDES
   ========================================================= */

/* SECTION 5 — RESULTS / STATS */
html:not(.dark) .rs-stats{
  background:#F2DEDE !important;
  color:#1B1010 !important;
}
html:not(.dark) .rs-stats .rs-stats-copy h2,
html:not(.dark) .rs-stats .rs-stats-copy h3,
html:not(.dark) .rs-stats .rs-stats-copy strong,
html:not(.dark) .rs-stats .rs-stat-cell strong{
  color:#1B1010 !important;
}
html:not(.dark) .rs-stats .rs-stats-copy p,
html:not(.dark) .rs-stats .rs-stat-cell span,
html:not(.dark) .rs-stats .rs-text-link{
  color:#4A2929 !important;
}
html:not(.dark) .rs-stats .rs-dashboard{
  border-color:rgba(55,25,25,.22) !important;
}
html:not(.dark) .rs-stats .rs-stat-cell{
  background:rgba(255,255,255,.20) !important;
  border-color:rgba(55,25,25,.20) !important;
}
html:not(.dark) .rs-stats .rs-progress{
  background:rgba(55,25,25,.14) !important;
}
html:not(.dark) .rs-stats .rs-stats-lines{
  opacity:.75;
  background:repeating-linear-gradient(
    135deg,
    transparent 0 55px,
    rgba(120,70,70,.10) 56px 57px
  ) !important;
}

html.dark .rs-stats{
  background:#170C0C !important;
  color:#F8EEEE !important;
}
html.dark .rs-stats .rs-stats-copy h2,
html.dark .rs-stats .rs-stats-copy h3,
html.dark .rs-stats .rs-stats-copy strong{
  color:#F8EEEE !important;
}
html.dark .rs-stats .rs-stats-copy p,
html.dark .rs-stats .rs-stat-cell span,
html.dark .rs-stats .rs-text-link{
  color:#DDBABA !important;
}
html.dark .rs-stats .rs-dashboard{
  border-color:rgba(248,238,238,.18) !important;
}
html.dark .rs-stats .rs-stat-cell{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(248,238,238,.16) !important;
}
html.dark .rs-stats .rs-progress{
  background:rgba(248,238,238,.13) !important;
}

/* SECTION 6 — PEOPLE / TESTIMONIALS */
html:not(.dark) .rs-people{
  background:#F8EAEA !important;
  color:#1B1010 !important;
}
html:not(.dark) .rs-people .rs-people-head h2,
html:not(.dark) .rs-people .rs-quote p,
html:not(.dark) .rs-people .rs-reviewer strong,
html:not(.dark) .rs-people .rs-reviewer small{
  color:#1B1010 !important;
}
html:not(.dark) .rs-people .rs-people-head p,
html:not(.dark) .rs-people .rs-reviewer small{
  color:#513030 !important;
}
html:not(.dark) .rs-people .rs-quote{
  border-color:rgba(55,25,25,.22) !important;
}
html:not(.dark) .rs-people .rs-quote-mark{
  color:#8C4B4B !important;
}
html:not(.dark) .rs-people .rs-quote-controls button{
  color:#1B1010 !important;
  border-color:rgba(55,25,25,.28) !important;
  background:rgba(255,255,255,.18) !important;
}
html:not(.dark) .rs-people .rs-team-photo{
  background:#E9D2D2 !important;
}
html:not(.dark) .rs-people .rs-people-blob{
  opacity:.12 !important;
}

html.dark .rs-people{
  background:#120909 !important;
  color:#F8EEEE !important;
}
html.dark .rs-people .rs-people-head h2,
html.dark .rs-people .rs-quote p,
html.dark .rs-people .rs-reviewer strong{
  color:#F8EEEE !important;
}
html.dark .rs-people .rs-people-head p,
html.dark .rs-people .rs-reviewer small{
  color:#DDBABA !important;
}
html.dark .rs-people .rs-quote{
  border-color:rgba(248,238,238,.17) !important;
}
html.dark .rs-people .rs-quote-mark{
  color:#E7A0A0 !important;
}
html.dark .rs-people .rs-quote-controls button{
  color:#F8EEEE !important;
  border-color:rgba(248,238,238,.22) !important;
  background:rgba(255,255,255,.025) !important;
}
html.dark .rs-people .rs-team-photo{
  background:#241414 !important;
}


/* CONTACT — stronger Light Mode geometry visibility */
html.light .contact-page .contact-redesign .ct-four-stage:before{
  opacity:.58!important;
  background:repeating-linear-gradient(120deg,transparent 0 78px,rgba(92,38,48,.12) 79px,transparent 80px 150px)!important;
}
html.light .contact-page .contact-redesign .ct-four-stage:after{
  border-color:rgba(92,38,48,.42)!important;
  box-shadow:0 0 28px rgba(120,42,52,.08);
}
html.light .contact-page .contact-redesign .ct-four-line{
  opacity:.9!important;
  background:linear-gradient(to bottom,#71343e,rgba(113,52,62,.25),transparent)!important;
}
html.light .contact-page .contact-redesign .ct-four-orbit{
  border-color:rgba(92,38,48,.46)!important;
  box-shadow:0 0 30px rgba(92,38,48,.08),inset 0 0 22px rgba(92,38,48,.04)!important;
}
html.light .contact-page .contact-redesign .ct-four-stage{
  border-color:rgba(92,38,48,.32)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(125,48,61,.12),transparent 25%),
    linear-gradient(120deg,rgba(125,48,61,.055),transparent 40%,rgba(125,48,61,.075))!important;
}
html.light .contact-page .contact-redesign .ct-four-item{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,235,237,.94))!important;
  border-color:rgba(92,38,48,.32)!important;
  box-shadow:0 18px 50px rgba(70,30,38,.14),0 0 0 1px rgba(92,38,48,.04)!important;
}
html.light .contact-page .contact-redesign .ct-four-item:hover{
  border-color:rgba(92,38,48,.65)!important;
  box-shadow:0 26px 60px rgba(70,30,38,.19),0 0 30px rgba(120,42,52,.08)!important;
}
html.light .contact-page .contact-redesign .ct-four-item h3,
html.light .contact-page .contact-redesign .ct-four-item p,
html.light .contact-page .contact-redesign .ct-four-item a{
  color:#21151a!important;
}
html.light .contact-page .contact-redesign .ct-four-item>i,
html.light .contact-page .contact-redesign .ct-four-item a{
  color:#7d3f49!important;
}
html.light .contact-page .contact-redesign .ct-four-number{
  color:#60474e!important;
}
html.light .contact-page .contact-redesign .ct-four-title h2,
html.light .contact-page .contact-redesign .ct-four-intro p{
  color:#21151a!important;
}

html.dark .cart-hero{background:linear-gradient(120deg,#090707,#241212 50%,#4b2424)}html.dark .cart-item-media,html.dark .cart-summary-card,html.dark #checkoutForm input,html.dark #checkoutForm textarea{background:#211212}html.dark .cart-primary{background:#f6eded;color:#211212}

/* =========================================================
   CART THEME FINAL — explicit dark/light colors
   ========================================================= */
html.light .cart-page,
html:not(.dark) .cart-page{
  --cart-bg:#f7e8e8!important;
  --cart-surface:#fbeeee!important;
  --cart-ink:#241313!important;
  --cart-muted:#704646!important;
  --cart-line:rgba(36,19,19,.16)!important;
  --cart-accent:#a94f56!important;
  background:#f7e8e8!important;
  color:#241313!important;
}
html.light .cart-page main,
html:not(.dark) .cart-page main{background:#f7e8e8!important;color:#241313!important}
html.light .cart-page .cart-shell,
html:not(.dark) .cart-page .cart-shell{background:#f7e8e8!important;color:#241313!important}
html.light .cart-page .cart-toolbar h2,
html.light .cart-page .checkout-heading h2,
html.light .cart-page .cart-summary-card h2,
html.light .cart-page .cart-empty h2,
html.light .cart-page .cart-item-info h3,
html.light .cart-page .cart-item-info strong,
html.light .cart-page .summary-line,
html.light .cart-page .summary-line strong,
html.light .cart-page #checkoutForm label,
html:not(.dark) .cart-page .cart-toolbar h2,
html:not(.dark) .cart-page .checkout-heading h2,
html:not(.dark) .cart-page .cart-summary-card h2,
html:not(.dark) .cart-page .cart-empty h2,
html:not(.dark) .cart-page .cart-item-info h3,
html:not(.dark) .cart-page .cart-item-info strong,
html:not(.dark) .cart-page .summary-line,
html:not(.dark) .cart-page .summary-line strong,
html:not(.dark) .cart-page #checkoutForm label{color:#241313!important}

html.dark .cart-page{
  --cart-bg:#100808!important;
  --cart-surface:#1d1010!important;
  --cart-ink:#f9eeee!important;
  --cart-muted:#d7aaaa!important;
  --cart-line:rgba(249,238,238,.17)!important;
  --cart-accent:#ff9297!important;
  background:#100808!important;
  color:#f9eeee!important;
}
html.dark .cart-page main,
html.dark .cart-page .cart-shell{background:#100808!important;color:#f9eeee!important}
html.dark .cart-page .cart-hero{background:linear-gradient(118deg,#090606 0%,#241010 48%,#522729 100%)!important;color:#fff!important}
html.dark .cart-page .cart-hero h1,
html.dark .cart-page .cart-hero p,
html.dark .cart-page .cart-hero .cart-kicker,
html.dark .cart-page .cart-hero-orb,
html.dark .cart-page .cart-hero-orb span,
html.dark .cart-page .cart-hero-orb i{color:#fff!important}
html.dark .cart-page .cart-toolbar h2,
html.dark .cart-page .checkout-heading h2,
html.dark .cart-page .cart-summary-card h2,
html.dark .cart-page .cart-empty h2,
html.dark .cart-page .cart-item-info h3,
html.dark .cart-page .cart-item-info strong,
html.dark .cart-page .summary-line,
html.dark .cart-page .summary-line strong,
html.dark .cart-page #checkoutForm label{color:#f9eeee!important}
html.dark .cart-page .cart-kicker,
html.dark .cart-page .cart-item-kicker{color:#ff9297!important}
html.dark .cart-page .cart-item-info p,
html.dark .cart-page .checkout-heading p,
html.dark .cart-page .cart-summary-card>p,
html.dark .cart-page .cart-empty p{color:#d7aaaa!important}
html.dark .cart-page .cart-clear,
html.dark .cart-page .summary-continue{color:#f9eeee!important}
html.dark .cart-page .cart-summary-card,
html.dark .cart-page .checkout-success{background:#1d1010!important;color:#f9eeee!important}
html.dark .cart-page #checkoutForm input,
html.dark .cart-page #checkoutForm textarea{background:#1d1010!important;color:#f9eeee!important;border-color:rgba(249,238,238,.17)!important}
html.dark .cart-page #checkoutForm input::placeholder,
html.dark .cart-page #checkoutForm textarea::placeholder{color:#b98585!important;opacity:1!important}
html.dark .cart-page .qty-control{background:#1d1010!important}
html.dark .cart-page .qty-control button,
html.dark .cart-page .qty-control b{color:#f9eeee!important}
html.dark .cart-page .cart-remove{color:#d7aaaa!important}
html.dark .cart-page .cart-primary{background:#f9eeee!important;color:#1d1010!important}
html.dark .cart-page .cart-primary:hover{background:#fff!important;color:#1d1010!important}
html.dark .cart-page .cart-empty{border-color:rgba(249,238,238,.17)!important}


/* =========================================================
   CART PAGE — LIGHT MODE NAVBAR MATCH
   Keep the Add to Cart navbar identical to the shared
   light-mode navbar used across the other Voltiva pages.
   ========================================================= */
html:not(.dark) .cart-page .site-header{
  background:rgba(238,223,223,.94) !important;
  color:#190E0E !important;
  border-bottom-color:rgba(25,14,14,.18) !important;
}
html:not(.dark) .cart-page .site-header .brand,
html:not(.dark) .cart-page .site-header .nav-link,
html:not(.dark) .cart-page .site-header .has-dropdown > button,
html:not(.dark) .cart-page .site-header .login-link,
html:not(.dark) .cart-page .site-header .icon-btn,
html:not(.dark) .cart-page .site-header .pill-btn{
  color:#190E0E !important;
}
html:not(.dark) .cart-page .site-header .nav-link:hover,
html:not(.dark) .cart-page .site-header .nav-link.active,
html:not(.dark) .cart-page .site-header .has-dropdown:hover > button,
html:not(.dark) .cart-page .site-header .login-link:hover{
  color:#623434 !important;
}
html:not(.dark) .cart-page .site-header .dropdown{
  background:#FBEFEF !important;
  color:#190E0E !important;
  border-color:rgba(25,14,14,.14) !important;
}
html:not(.dark) .cart-page .site-header .dropdown a{
  color:#190E0E !important;
}
html:not(.dark) .cart-page .site-header .dropdown a:hover,
html:not(.dark) .cart-page .site-header .dropdown a.active{
  background:#EEDDDD !important;
  color:#623434 !important;
}

/* =========================================================
   VOLTIVA LOGO — DARK MODE VISIBILITY FIX (ALL PAGES)
   ========================================================= */
html.dark .site-header .brand,
html.dark .site-header .brand > span:last-child,
html.dark .site-header .brand:hover,
html.dark .site-header .brand:focus-visible{
  color:#FFFFFF !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 1px 10px rgba(255,255,255,.08);
}
html.dark .site-header .brand-mark{
  background:#F29191 !important;
  color:#190E0E !important;
  border-color:transparent !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 6px 18px rgba(242,145,145,.18);
}
html.dark .site-header .brand-mark i{
  color:#190E0E !important;
  opacity:1 !important;
  visibility:visible !important;
}
html.dark .site-header .brand > span:last-child{
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

/* DARK MODE LOGO VISIBILITY — AUTH / STATUS PAGES */
html.dark .auth-brand,
html.dark .auth-brand > span:last-child,
html.dark .auth-brand:hover,
html.dark .auth-brand:focus-visible{
  color:#FFFFFF !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 1px 10px rgba(255,255,255,.08);
}
html.dark .auth-brand .brand-mark{
  background:#F29191 !important;
  color:#190E0E !important;
  border-color:transparent !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 6px 18px rgba(242,145,145,.18);
}
html.dark .auth-brand .brand-mark i{
  color:#190E0E !important;
  opacity:1 !important;
  visibility:visible !important;
}
