/* Voltix blue Afterglow: one continuous canvas across the storefront and guides. */
:root {
  color-scheme: dark;
  --night: #0b1c35;
  --panel: #142b47;
  --panel-light: #193653;
  --line: rgba(167, 202, 234, .17);
  --blue: #0869c9;
  --text: #f4f8fc;
  --muted: #bacbda;
  --accent: #83c5f7;
}
html { background: var(--night); }
body { background: var(--night) !important; color: var(--text) !important; font-family: 'Inter', system-ui, sans-serif; }
body .orb { opacity: .09 !important; background: #2363a8 !important; }
body .nav-glass { background: rgba(10, 27, 51, .97) !important; border-color: var(--line) !important; box-shadow: 0 8px 32px rgba(2, 12, 28, .18) !important; }
body .nav-glass img[src*="logo-voltix"], body footer img[src*="logo-voltix"] { box-sizing: border-box; padding: 3px; border-radius: 10px; background: #f5f7f3; object-fit: contain; }
body .nav-glass img[src*="logo-voltix"] + span, body footer img[src*="logo-voltix"] + span { color: var(--text) !important; font-weight: 800 !important; letter-spacing: .035em; }
body .nav-glass a:not(.btn-primary), body .nav-glass button { color: #dbe9f5 !important; }
body .nav-glass a:not(.btn-primary):hover { color: #fff !important; }
body #mobile-menu { background: #102844 !important; border-color: var(--line) !important; }
body #mobile-menu a:not(.btn-primary) { color: #dbe9f5 !important; }
body #mobile-menu a:not(.btn-primary):hover { background: #1c3d61 !important; }
body .glass, body .glass-light, body .glass-strong, body .glass-hero {
  background: var(--panel) !important; border: 1px solid var(--line) !important;
  box-shadow: 0 16px 48px rgba(1, 12, 28, .18) !important;
}
body .glow-green, body .glow-green-sm { box-shadow: 0 16px 48px rgba(1, 12, 28, .18) !important; }
body .section-bg, body .bg-white, body .bg-vx-50, body .bg-vx-100 { background: var(--panel-light) !important; }
body .border-vx-100, body .border-vx-200, body .border-vx-300 { border-color: var(--line) !important; }
body .divide-vx-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--line) !important; }
body .text-slate-900, body .text-slate-800, body .text-gray-900 { color: var(--text) !important; }
body .text-slate-700, body .text-slate-600, body .text-slate-500, body .text-gray-700, body .text-gray-600 { color: var(--muted) !important; }
body .text-slate-400, body .text-gray-500 { color: #a9c0d5 !important; }
body .text-vx-900, body .text-vx-800, body .text-vx-700, body .text-vx-600, body .text-vx-500 { color: var(--accent) !important; }
body .btn-primary { background: var(--blue) !important; border: 1px solid #3189dc; color: white !important; box-shadow: 0 9px 24px rgba(1, 65, 141, .28) !important; }
body .btn-primary:hover { background: #0879e6 !important; box-shadow: 0 12px 30px rgba(1, 65, 141, .38) !important; }
body .btn-ghost { background: transparent !important; border-color: rgba(150, 196, 235, .54) !important; color: #e6f2fb !important; }
body .btn-ghost:hover { background: #1d4268 !important; }
body a:not(.btn-primary):not(.btn-ghost) { text-decoration-color: rgba(131, 197, 247, .6); }
body main p, body .install-main p { color: var(--muted); }
body h1, body h2, body h3, body h4, body .install-main h1, body .install-main h2, body .install-main legend { color: var(--text); }
/* Article typography has its own legacy selectors; override them explicitly. */
body .prose-vx p, body .prose-vx ul, body .prose-vx ol, body .prose-vx li,
body .prose-vx blockquote { color: #c9d9e7 !important; }
body .prose-vx h2, body .prose-vx h3, body .prose-vx h4 { color: var(--text) !important; }
body .prose-vx a:not(.btn-primary):not(.btn-ghost) { color: #8bc9f8 !important; }
body .hero-card { background: #102844 !important; border: 1px solid var(--line); }
body .hero-content, body .hero-visual { background: #102844 !important; }
body .hero-copy .hero-eyebrow { color: var(--accent) !important; }
body .hero-copy .hero-specs, body .hero-copy .hero-trust { color: #c4d5e5 !important; }
body .hero-copy h1 { color: white !important; }
body .hero-copy .btn-ghost { background: transparent !important; color: #e6f2fb !important; border-color: rgba(150, 196, 235, .54) !important; }
body .hero-copy .btn-ghost:hover { background: #1d4268 !important; color: white !important; }
body img.object-cover { object-fit: contain !important; background: #102844; }
body .group:hover img.group-hover\:scale-105 { transform: none !important; }
body .spec-row, body .spec-row:not(:last-child) { border-color: var(--line) !important; }
body .spec-head { background: var(--panel-light) !important; color: var(--accent) !important; }
body .head { background: var(--panel-light) !important; color: var(--accent) !important; }
body .row { border-color: var(--line) !important; }
body .spec-label { color: var(--muted) !important; }
body .spec-val { color: var(--text) !important; }
body .faq-item summary { color: var(--text) !important; }
body .faq-item summary:hover, body .faq-icon { color: var(--accent) !important; }
body .faq-body { color: var(--muted) !important; }
body .compat-native { background: rgba(74, 147, 214, .14) !important; color: #a8d7fa !important; border-color: var(--line) !important; }
body .compat-adapter { color: #ffd49a !important; }
body .tag-news { background: #17446a !important; border-color: #3976a8 !important; color: #bce4ff !important; }
body .tag-guide { background: #503d29 !important; border-color: #80623f !important; color: #ffe1ab !important; }
body .install-grid label { color: #dbe9f5 !important; }
body .install-grid input, body .install-grid select, body .install-main textarea,
body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body textarea, body select {
  background: #eaf2f8 !important; border-color: #91b2cc !important; color: #102844 !important;
}
body input::placeholder, body textarea::placeholder { color: #526f87 !important; }
body input.bg-white, body textarea.bg-white, body input.text-slate-900, body textarea.text-slate-900 { background: #eaf2f8 !important; color: #102844 !important; }
body .install-progress, body .install-main a:not(.btn-primary):not(.btn-ghost) { color: var(--accent) !important; }
body .install-main #form-status { color: #ffc2d1 !important; }
body .install-main :focus-visible, body :focus-visible { outline-color: #83c5f7 !important; }
body #chatbot-container { background: #102844 !important; border-color: var(--line) !important; }
body #chatbot-header { background: #193653 !important; color: var(--text) !important; border-color: var(--line) !important; }
body #chatbot-input { background: #193653 !important; color: var(--text) !important; border-color: var(--line) !important; }
body #chatbot-input::placeholder { color: #a9c0d5 !important; }
body #chatbot-send { background: var(--blue) !important; }
body .bubble.bot { color: #ecf5fc !important; }
body .bubble.user { background: #1a4d81 !important; color: white !important; border-color: #3673aa !important; }
body #chat-fab { background: #153c64 !important; color: white !important; border-color: #397cb6 !important; }
body #chat-fab svg { fill: #a8d7fa !important; }
body footer { border-color: var(--line) !important; color: var(--muted); }
body footer a { color: #cfdfeb; }
body footer p { color: var(--muted) !important; }
body [style*="linear-gradient(135deg,#317245"] { background: linear-gradient(135deg, #123d6d, #075db5 65%, #1679cc) !important; box-shadow: 0 18px 48px rgba(1, 42, 94, .32) !important; }
body [style*="background:white; color:#317245"] { color: #0759aa !important; }
/* The rebate finder uses its own component names rather than the storefront cards. */
body .hero { background: #102844 !important; border-color: var(--line) !important; }
body .hero-badge { background: #1a3b5e !important; border-color: var(--line) !important; color: var(--accent) !important; }
body .hero h1, body .hero p { color: var(--text) !important; }
body .hero h1 span, body .rebate-amount, body .rebate-link, body .result-label { color: var(--accent) !important; }
body .tool-card, body .rebate-card, body .rebate-card.active, body .rebate-card.inactive, body .step-card { background: var(--panel) !important; border-color: var(--line) !important; color: var(--text) !important; }
body .tool-card-header, body .find-btn, body .cta-btn:not(.cta-btn-secondary), body .step-num { background: var(--blue) !important; }
body .find-btn:hover, body .cta-btn:hover { background: #0879e6 !important; }
body .selector-label, body .rebate-name, body .rebate-detail strong, body .step-card h3 { color: var(--text) !important; }
body .how-section h2 { color: var(--text) !important; }
body .rebate-detail, body .rebate-note, body .step-card p, body .last-updated { color: var(--muted) !important; }
body .divider { border-color: var(--line) !important; }
body .no-rebate-msg { background: #39402e !important; border-color: #786b3e !important; }
body .no-rebate-msg h3, body .no-rebate-msg p { color: #ffe6b5 !important; }
body .badge-active { background: #154d77 !important; color: #bce4ff !important; }
body .badge-inactive { background: #5a2837 !important; color: #ffd0da !important; }
body .badge-limited { background: #574328 !important; color: #ffe2ae !important; }
body .cta-text h3 span { color: #a8d7fa !important; }
body .cta-banner, body footer { background: #102844 !important; }
body .footer-logo img { filter: none !important; opacity: 1 !important; }
body .vx-purchase-options { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
body .vx-purchase-nav { gap: .5rem; white-space: nowrap; }
body .vx-purchase-mobile { display: flex; flex-direction: column; align-items: stretch; }
body .vx-purchase-footer { justify-content: center; }
::-webkit-scrollbar-track { background: var(--night); }
::-webkit-scrollbar-thumb { background: #315c84; }
@media (max-width: 640px) {
  body .glass, body .glass-light, body .glass-strong, body .glass-hero { border-radius: 18px; }
  body .vx-purchase-nav { display: none; }
}