/* SVC universal Light / Dark theme layer — added without changing existing branding/layout. */
:root{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

/* Separate Light / Dark appearance control. Kept away from Refer & Earn on mobile. */
#svcThemeSwitcher{
  position:fixed;
  right:14px;
  bottom:max(18px,env(safe-area-inset-bottom,0px));
  z-index:9997;
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(7,93,204,.22);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(3,25,58,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.svc-theme-choice{
  appearance:none;
  border:1px solid transparent;
  background:transparent;
  color:#50657f;
  min-width:72px;
  height:36px;
  padding:0 10px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:900 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:.18s ease
}
.svc-theme-choice:hover{background:#eef6ff;color:#075dcc}
.svc-theme-choice.is-active{
  background:linear-gradient(135deg,#075dcc,#0b80ed);
  color:#fff;
  border-color:#075dcc;
  box-shadow:0 6px 16px rgba(7,93,204,.24)
}
.svc-theme-choice-icon{font-size:16px;line-height:1}
html[data-theme="dark"] #svcThemeSwitcher{
  background:rgba(13,25,43,.96);
  border-color:#355277;
  box-shadow:0 10px 28px rgba(0,0,0,.34)
}
html[data-theme="dark"] .svc-theme-choice{color:#aebdd0}
html[data-theme="dark"] .svc-theme-choice:hover{background:#132944;color:#eaf5ff}
html[data-theme="dark"] .svc-theme-choice.is-active{
  background:#e7f2ff;
  color:#07111f;
  border-color:#9fcfff;
  box-shadow:0 6px 18px rgba(0,0,0,.28)
}
@media(max-width:759px){
  #svcThemeSwitcher{right:10px;bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  body.svc-has-refer-float #svcThemeSwitcher{bottom:calc(136px + env(safe-area-inset-bottom,0px))}
  .svc-theme-choice{min-width:66px;height:34px;padding:0 8px;font-size:11px}
  .svc-theme-choice-icon{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.svc-theme-choice{transition:none}}

/* Main / shared surfaces */
html[data-theme="dark"] body{background:#07111f!important;color:#edf5ff!important}
html[data-theme="dark"] header,
html[data-theme="dark"] .top,
html[data-theme="dark"] .topline,
html[data-theme="dark"] .site-header{border-color:#243a58!important}
html[data-theme="dark"] header,
html[data-theme="dark"] .top{background:rgba(9,20,35,.96)!important}
html[data-theme="dark"] .navlinks{background-color:#0a1728!important;border-color:#243a58!important}
html[data-theme="dark"] .navlinks a:hover{background:#11243b!important;color:#75baff!important}
html[data-theme="dark"] .menu-btn,
html[data-theme="dark"] .lang-toggle,
html[data-theme="dark"] .lang{background:#0e1d31!important;color:#e8f3ff!important;border-color:#2b4567!important}

html[data-theme="dark"] .hero{background:linear-gradient(145deg,#071422 0%,#0b1c31 56%,#07111f 100%)!important}
html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .hero-copy h1,
html[data-theme="dark"] .hero-copy h2,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .section-head h3,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] .title,
html[data-theme="dark"] .detail-value{color:#f1f7ff!important}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .small,
html[data-theme="dark"] .desc,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .security,
html[data-theme="dark"] .note,
html[data-theme="dark"] .detail-label,
html[data-theme="dark"] .detail-value.muted-value{color:#aebdd0!important}

html[data-theme="dark"] .card,
html[data-theme="dark"] .package,
html[data-theme="dark"] .speed-test-card,
html[data-theme="dark"] .special-offer,
html[data-theme="dark"] .form,
html[data-theme="dark"] .coverage-map,
html[data-theme="dark"] .faq,
html[data-theme="dark"] .feature,
html[data-theme="dark"] .ent-app-card,
html[data-theme="dark"] .final-ent-card,
html[data-theme="dark"] .trust-chip,
html[data-theme="dark"] .security-item,
html[data-theme="dark"] .refer-float,
html[data-theme="dark"] .svc-plus-entry,
html[data-theme="dark"] .portal-card,
html[data-theme="dark"] .detail-card,
html[data-theme="dark"] .action-card,
html[data-theme="dark"] .admin-box,
html[data-theme="dark"] .step,
html[data-theme="dark"] .hero-art,
html[data-theme="dark"] .product,
html[data-theme="dark"] .cart-item{
  background:#0d1b2d!important;border-color:#294363!important;color:#edf5ff!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important
}
html[data-theme="dark"] .package.popular{background:linear-gradient(145deg,#102846,#0d1b2d)!important;border-color:#2f79c7!important}
html[data-theme="dark"] .package-label,
html[data-theme="dark"] .pkg-price,
html[data-theme="dark"] .pkg-speed,
html[data-theme="dark"] .card p,
html[data-theme="dark"] .feature p,
html[data-theme="dark"] .product h3{color:inherit!important}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
  background:#091625!important;color:#eff7ff!important;border-color:#304b6d!important
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#8496ad!important}
html[data-theme="dark"] option{background:#091625;color:#eff7ff}

html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] .backlink,
html[data-theme="dark"] .logout,
html[data-theme="dark"] .eye,
html[data-theme="dark"] .soft,
html[data-theme="dark"] .back{background:#122741!important;color:#8cc7ff!important;border-color:#315477!important}

/* Client/admin portal */
html[data-theme="dark"] .portal-wrap{background:transparent!important}
html[data-theme="dark"] .field label,
html[data-theme="dark"] .admin-table th{color:#b7c7da!important}
html[data-theme="dark"] .admin-table th,
html[data-theme="dark"] .admin-table td{border-color:#294363!important}
html[data-theme="dark"] .package-highlight{background:linear-gradient(135deg,#10253d,#0d1b2d)!important;border-color:#315477!important}
html[data-theme="dark"] .product-row{background:#0b1829!important;border-color:#294363!important}

/* Refer page */
html[data-theme="dark"] .hero-art,
html[data-theme="dark"] .step,
html[data-theme="dark"] .card{border-color:#294363!important}
html[data-theme="dark"] .benefits li{border-color:#263c58!important;color:#bdcadd!important}

/* Store */
html[data-theme="dark"] .plus-brand{background:#10233b!important;color:#89c8ff!important;border-color:#315477!important}
html[data-theme="dark"] .search-row input,
html[data-theme="dark"] .search-row select{background:#0b1829!important;color:#edf5ff!important;border-color:#294363!important}
html[data-theme="dark"] .product-img,
html[data-theme="dark"] .detail-img{background:#0a1728!important}
html[data-theme="dark"] .product{border-color:#294363!important}
html[data-theme="dark"] .cat{color:#72baff!important}
html[data-theme="dark"] .price{color:#f4f8ff!important}
html[data-theme="dark"] .old{color:#8fa0b6!important}
html[data-theme="dark"] .cart-summary{background:#10233b!important;color:#edf5ff!important}
html[data-theme="dark"] .empty{border-color:#385473!important;color:#aebdd0!important}
html[data-theme="dark"] .footer{background:#040c17!important}

/* Homepage notice keeps its semantic alert color while remaining readable */
html[data-theme="dark"] .site-notice-shell{background:#1f1115!important;border-color:#5c2930!important}
html[data-theme="dark"] .site-notice{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html[data-theme="dark"] .site-notice-message{color:#e7d9dc!important}

/* Prevent light-mode logo/assets from being altered. */
html[data-theme="dark"] img{filter:none}

/* Dark mode readability fix: Special Offer */
html[data-theme="dark"] .special-offer{
  background:
    radial-gradient(circle at 90% 10%,rgba(239,68,68,.20),transparent 35%),
    linear-gradient(135deg,#142033 0%,#1a1118 100%)!important;
  border-color:#6f3040!important;
}
html[data-theme="dark"] .special-offer .offer-eyebrow{
  background:#e11d48!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .special-offer .offer-title{
  color:#ffffff!important;
}
html[data-theme="dark"] .special-offer .offer-title .free{
  display:inline-block;
  color:#ffffff!important;
  background:#e11d48!important;
  padding:2px 8px;
  border-radius:8px;
  text-shadow:none!important;
}
html[data-theme="dark"] .special-offer .offer-text{
  color:#eef4fb!important;
}
html[data-theme="dark"] .special-offer .offer-note{
  color:#ffffff!important;
}

/* FINAL MERGED FIX — force Special Offer text readability in dark/night mode */
html[data-theme="dark"] body #special-offer.special-offer,
html[data-theme="dark"] body .special-offer{
  background:linear-gradient(135deg,#111c2d 0%,#241118 100%)!important;
  border:1px solid #8b3548!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body #special-offer .offer-title,
html[data-theme="dark"] body #special-offer .offer-text,
html[data-theme="dark"] body #special-offer .offer-note{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] body #special-offer .offer-eyebrow{
  color:#ffffff!important;
  background:#e11d48!important;
  border-color:#fb7185!important;
}
html[data-theme="dark"] body #special-offer .offer-title .free{
  display:inline-block!important;
  color:#ffffff!important;
  background:#e11d48!important;
  border:1px solid #fb7185!important;
  padding:3px 9px!important;
  border-radius:8px!important;
  font-weight:1000!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] body #special-offer .offer-action .btn{
  color:#ffffff!important;
}


/* 2026-08-16 final dark offer force-fix */
html[data-theme="dark"] #special-offer .offer-title{color:#fff!important;}
html[data-theme="dark"] #special-offer .offer-title > *{color:#fff!important;}
html[data-theme="dark"] #special-offer .offer-title .free{color:#fff!important;background:#e11d48!important;}

/* 2026-08-16 Light + Dark coexistence safety fix.
   Light mode intentionally uses the original SVC design; dark overrides remain scoped only to data-theme="dark". */
html[data-theme="light"]{color-scheme:light!important}
html[data-theme="light"] #svcThemeSwitcher{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(7,93,204,.22)!important;
}
html[data-theme="light"] .svc-theme-choice{color:#50657f!important;background:transparent!important}
html[data-theme="light"] .svc-theme-choice:hover{background:#eef6ff!important;color:#075dcc!important}
html[data-theme="light"] .svc-theme-choice.is-active{
  background:linear-gradient(135deg,#075dcc,#0b80ed)!important;
  color:#fff!important;
  border-color:#075dcc!important;
}
html[data-theme="dark"] #svcThemeSwitcher{display:flex!important;visibility:visible!important;opacity:1!important}