
/* ====== VARIABLE OVERRIDE — turns any var()-based template dark ====== */
:root,html,body,#rxo,#rxo *,*{
  --bg:#0d1b2a!important;
  --bg-2:#0f2236!important;
  --cream:#0d1b2a!important;
  --paper:#142c44!important;
  --white:#142c44!important;
  --card:#142c44!important;
  --ink:#ffffff!important;
  --ink-2:#ffffff!important;
  --text:#ffffff!important;
  --muted:#c9d6e2!important;
  --rule:#24405e!important;
  --rule-soft:#24405e!important;
  --line:#24405e!important;
  --border:#24405e!important;
  --gold:#19d185!important;
  --gold-d:#0a8a57!important;
  --go:#19d185!important;
  --go-d:#0a8a57!important;
  --brick:#19d185!important;
  --amber:#ffd166!important;
  --accent:#19d185!important;
}
/* base surfaces */
html,body,html body{background:#0d1b2a!important;color:#fff!important;background-image:none!important}
html body #rxo{background:#0d1b2a!important;color:#fff!important}

/* all text white */
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
html body p,html body li,html body td,html body th,html body span,html body b,
html body strong,html body summary,html body label,html body div,html body dt,html body dd,
html body figcaption,html body blockquote,html body small{color:#fff!important}
html body em,html body i{color:#7df3bf!important;-webkit-text-fill-color:#7df3bf!important}

/* links white + underlined */
html body a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
html body a:hover{color:#7df3bf!important}
html body a.btn,html body .btn,html body .call,html body .logo,html body .book-btn,
html body nav a,html body .nav-links a,html body nav.main a,html body .mobile-cta a,
html body .fab,html body .topstrip a,html body footer a,html body a[style],
html body [class*="btn"]{text-decoration:none!important}

/* any element with a light inline/computed background -> dark card */
html body [style*="background:#fff"],html body [style*="background: #fff"],
html body [style*="background:#FFF"],html body [style*="background:var(--cream)"],
html body [style*="background:var(--paper)"],html body [style*="background:var(--white)"],
html body [style*="background:var(--bg)"],
html body .card,html body .box,html body .panel,html body .feature-card,html body .service-card,
html body .fleet-card,html body .how-step,html body .trust-card,html body .faq-item,
html body details,html body .related,html body .quote-card,html body .step,html body .fq,
html body .booking-card,html body .quote,html body .info,html body .stat,html body .tile,
html body .facts div,html body .grid > div,html body section > div > div{background-color:#142c44!important;border-color:#24405e!important}

/* dark bars stay darkest */
html body header,html body nav,html body .navbar,html body header.site,
html body .topstrip,html body #rx-expertbar,html body .trust,
html body footer,html body footer.site,html body .cta-banner,html body .stats-strip{background:#081220!important;background-image:none!important;border-color:#24405e!important}
html body header *,html body nav *,html body footer *,html body .trust *,html body .topstrip *{color:#fff!important}

/* hero gradient */
html body .hero,html body section.hero,html body section[class*="hero"],
html body [class*="hero"]{background:linear-gradient(180deg,#0d1b2a 0%,#16304a 100%)!important}
html body .hero *,html body [class*="hero"] *{color:#fff!important}
html body .hero em,html body .hero h1 em{color:#7df3bf!important;-webkit-text-fill-color:#7df3bf!important}
html body .eyebrow,html body .hero-eyebrow,html body .section-eyebrow{color:#fff!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.4)!important}

/* sections */
html body section,html body main,html body article,html body aside,html body .section,
html body .wrap,html body .container{background-color:transparent!important}
html body section{background:#0d1b2a!important}

/* tables */
html body table{background:#142c44!important;border-color:#24405e!important}
html body table th{background:#081220!important;color:#fff!important;border-color:#24405e!important}
html body table td{background:#142c44!important;color:#fff!important;border-color:#24405e!important}

/* faq */
html body details summary,html body .faq-item summary{background:#142c44!important;color:#fff!important}
html body details summary:after,html body .faq-item summary::after{color:#7df3bf!important}
html body details[open]{border-color:#19d185!important}
html body ul.ticks li:before{color:#7df3bf!important}

/* buttons: green bg, dark text */
html body .btn-gold,html body .btn-go,html body .book-btn,html body .fab-book,
html body .call,html body button,html body input[type=submit],
html body [class*="btn"]:not(.btn-wa):not(.btn-outline):not(.btn-ghost):not([href*="wa.me"]){background:#19d185!important;background-image:none!important;color:#04231a!important;border-color:#19d185!important}
html body .btn-wa,html body a[href*="wa.me"],html body a[href*="whatsapp"]{background:#25D366!important;color:#04231a!important}
html body .btn-outline,html body .btn-ghost{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.5)!important}
html body .fab-call{background:#081220!important;color:#7df3bf!important;border:1px solid #19d185!important}
html body .mobile-cta{background:#081220!important;border-top:1px solid #24405e!important}

/* icon tiles / step numbers keep green */
html body .icon,html body .step-num,html body .logo-mark,html body .fqI,
html body .services-grid a > div:first-child{background:linear-gradient(135deg,#0a8a57,#19d185)!important;color:#04231a!important;border-color:#19d185!important}

/* forms */
html body input,html body select,html body textarea{background:#0f2236!important;color:#fff!important;border-color:#24405e!important}
html body input::placeholder{color:rgba(255,255,255,.55)!important}

/* mobile */
@media (max-width:600px){
html body .btn{width:100%;text-align:center;min-height:50px!important}
html body h1{font-size:clamp(26px,7.5vw,36px)!important}
}
html body a,html body summary{-webkit-tap-highlight-color:rgba(25,209,133,.2)}
@media (prefers-reduced-motion:reduce){html body *{animation:none!important;transition:none!important}}
html body ::selection{background:#fff;color:#0d1b2a}
