
/* =========================================
   VOLTCARE - DARK MODE
========================================= */

body.dark-mode {
    --auto-primary: #0C1924;
    --auto-bg: #101B25;
    --auto-surface: #172632;
    --auto-text: #F0F4F7;
    --auto-muted: #A8B5C0;
    --auto-border: #2A3B47;
    --auto-soft: #302719;

    background: var(--auto-bg);
    color: var(--auto-text);
}

/* Header */

body.dark-mode .auto-header,
body.dark-mode .auto-navbar {
    background: var(--auto-bg);
}

body.dark-mode .auto-topbar {
    background: #09131B;
}

body.dark-mode .auto-navbar {
    border-color: var(--auto-border);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

/* Logo and navigation */

body.dark-mode .auto-logo-title,
body.dark-mode .auto-phone-number,
body.dark-mode .auto-nav-link,
body.dark-mode .auto-dropdown-link {
    color: var(--auto-text);
}

body.dark-mode .auto-logo-subtitle,
body.dark-mode .auto-phone-label {
    color: var(--auto-muted);
}

body.dark-mode .auto-logo-image-light {
    display: none;
}

body.dark-mode .auto-logo-image-dark {
    display: block;
}

body.dark-mode .auto-nav-link:hover,
body.dark-mode .auto-nav-link.active,
body.dark-mode .auto-dropdown-link:hover,
body.dark-mode .auto-dropdown-link[aria-current="page"] {
    color: var(--auto-accent);
}

body.dark-mode .auto-dropdown-link:hover,
body.dark-mode .auto-dropdown-link[aria-current="page"] {
    background: var(--auto-soft);
}

/* Buttons */

body.dark-mode .auto-theme-toggle,
body.dark-mode .auto-rtl-toggle,
body.dark-mode .auto-menu-toggle {
    background: var(--auto-surface);
    border-color: var(--auto-border);
    color: var(--auto-text);
}

body.dark-mode .auto-theme-toggle:hover,
body.dark-mode .auto-rtl-toggle:hover,
body.dark-mode .auto-rtl-toggle.is-active {
    background: var(--auto-accent);
    border-color: var(--auto-accent);
    color: #FFFFFF;
}

body.dark-mode .auto-phone-icon {
    background: #302719;
    color: var(--auto-accent);
}

/* Mobile menu */

@media (max-width: 1024px) {
    body.dark-mode .auto-nav-menu {
        background: var(--auto-bg);
        border-color: var(--auto-border);
        box-shadow: 0 12px 20px rgba(0, 0, 0, 0.25);
    }

    body.dark-mode .auto-nav-link {
        border-color: var(--auto-border);
    }
}



/* FOOTER DARK MODE */

body.dark-mode .auto-footer {
    background: #080F15;
    color: #F0F4F7;
}

body.dark-mode .auto-footer-cta {
    background: #111F2B;
    border-color: #293945;
    border-left-color: #F28C28;
}

body.dark-mode .auto-footer-heading,
body.dark-mode .auto-footer-logo,
body.dark-mode .auto-footer-logo-text strong,
body.dark-mode .auto-footer-call strong,
body.dark-mode .auto-footer-cta-content h3 {
    color: #F0F4F7;
}

body.dark-mode .auto-footer-description,
body.dark-mode .auto-footer-links a,
body.dark-mode .auto-footer-contact-list li,
body.dark-mode .auto-footer-contact-list a,
body.dark-mode .auto-footer-call small,
body.dark-mode .auto-footer-copyright,
body.dark-mode .auto-footer-bottom-links a,
body.dark-mode .auto-footer-cta-content p {
    color: #B8C5CE;
}

body.dark-mode .auto-footer-links a:hover,
body.dark-mode .auto-footer-contact-list a:hover,
body.dark-mode .auto-footer-bottom-links a:hover {
    color: #F28C28;
}

/* ========================================
   VOLTCARE WHY SECTION - DARK MODE
======================================== */

html.dark-mode .vc-why-section,
body.dark-mode .vc-why-section,
.dark-mode .vc-why-section {
    background: #0B1924;
    color: #F4F7FA;
}

/* Section heading */

html.dark-mode .vc-why-heading,
body.dark-mode .vc-why-heading,
.dark-mode .vc-why-heading {
    color: #F4F7FA;
}

html.dark-mode .vc-why-heading span,
body.dark-mode .vc-why-heading span,
.dark-mode .vc-why-heading span {
    color: #F28C28;
}

/* Tag and description */

html.dark-mode .vc-section-tag,
body.dark-mode .vc-section-tag,
.dark-mode .vc-section-tag {
    color: #F28C28;
}

html.dark-mode .vc-why-description,
body.dark-mode .vc-why-description,
.dark-mode .vc-why-description {
    color: #B8C5CF;
}

/* Image caption */

html.dark-mode .vc-image-caption,
body.dark-mode .vc-image-caption,
.dark-mode .vc-image-caption {
    color: #FFFFFF;
}

html.dark-mode .vc-image-caption div > span,
body.dark-mode .vc-image-caption div > span,
.dark-mode .vc-image-caption div > span {
    color: #D2DCE4;
}

/* Floating experience card */

html.dark-mode .vc-experience-card,
body.dark-mode .vc-experience-card,
.dark-mode .vc-experience-card {
    background: #172B3A;
    border-color: #2D4353;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

html.dark-mode .vc-experience-card strong,
body.dark-mode .vc-experience-card strong,
.dark-mode .vc-experience-card strong {
    color: #F4F7FA;
}

html.dark-mode .vc-experience-card span,
body.dark-mode .vc-experience-card span,
.dark-mode .vc-experience-card span {
    color: #B8C5CF;
}

html.dark-mode .vc-experience-icon,
body.dark-mode .vc-experience-icon,
.dark-mode .vc-experience-icon {
    background: rgba(242, 140, 40, 0.15);
    color: #F28C28;
}

/* Benefit rows */

html.dark-mode .vc-benefit-item,
body.dark-mode .vc-benefit-item,
.dark-mode .vc-benefit-item {
    border-bottom-color: #263B4A;
}

html.dark-mode .vc-benefit-icon,
body.dark-mode .vc-benefit-icon,
.dark-mode .vc-benefit-icon {
    background: #1A2C3A;
    border-color: #344655;
    color: #F28C28;
}

html.dark-mode .vc-benefit-item:hover .vc-benefit-icon,
body.dark-mode .vc-benefit-item:hover .vc-benefit-icon,
.dark-mode .vc-benefit-item:hover .vc-benefit-icon {
    background: #F28C28;
    color: #142B3B;
}

html.dark-mode .vc-benefit-text h3,
body.dark-mode .vc-benefit-text h3,
.dark-mode .vc-benefit-text h3 {
    color: #F4F7FA;
}

html.dark-mode .vc-benefit-text p,
body.dark-mode .vc-benefit-text p,
.dark-mode .vc-benefit-text p {
    color: #B8C5CF;
}

html.dark-mode .vc-benefit-number,
body.dark-mode .vc-benefit-number,
.dark-mode .vc-benefit-number {
    color: #718391;
}

/* Discover services link */

html.dark-mode .vc-why-link,
body.dark-mode .vc-why-link,
.dark-mode .vc-why-link {
    color: #F4F7FA;
}

html.dark-mode .vc-why-link:hover,
body.dark-mode .vc-why-link:hover,
.dark-mode .vc-why-link:hover {
    color: #F28C28;
}

html.dark-mode .vc-why-link > span,
body.dark-mode .vc-why-link > span,
.dark-mode .vc-why-link > span {
    background: #F28C28;
    color: #142B3B;
}

html.dark-mode .vc-why-link:hover > span,
body.dark-mode .vc-why-link:hover > span,
.dark-mode .vc-why-link:hover > span {
    background: #FFFFFF;
    color: #142B3B;
}

/* Bottom trust strip */

html.dark-mode .vc-trust-strip,
body.dark-mode .vc-trust-strip,
.dark-mode .vc-trust-strip {
    background: #101F2B;
    border-top-color: #263B4A;
}

html.dark-mode .vc-trust-item span,
body.dark-mode .vc-trust-item span,
.dark-mode .vc-trust-item span {
    color: #E0E7ED;
}

html.dark-mode .vc-trust-item i,
body.dark-mode .vc-trust-item i,
.dark-mode .vc-trust-item i {
    color: #F28C28;
}

/* Decorative border */

html.dark-mode .vc-visual-decoration,
body.dark-mode .vc-visual-decoration,
.dark-mode .vc-visual-decoration {
    border-color: #F28C28;
}

/* Smooth theme transition */

.vc-why-section,
.vc-experience-card,
.vc-benefit-icon,
.vc-trust-strip {
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}


/* ==========================================
   VOLTCARE SERVICES - DARK MODE
========================================== */

html.dark-mode .vcs-services,
body.dark-mode .vcs-services,
.dark-mode .vcs-services {
    background: #0B1924;
    color: #F4F7FA;
}

/* Section heading */

html.dark-mode .vcs-header h2,
body.dark-mode .vcs-header h2,
.dark-mode .vcs-header h2 {
    color: #F4F7FA;
}

html.dark-mode .vcs-header h2 span,
body.dark-mode .vcs-header h2 span,
.dark-mode .vcs-header h2 span {
    color: #F28C28;
}

html.dark-mode .vcs-header > p,
body.dark-mode .vcs-header > p,
.dark-mode .vcs-header > p {
    color: #B8C5CF;
}

html.dark-mode .vcs-eyebrow,
body.dark-mode .vcs-eyebrow,
.dark-mode .vcs-eyebrow {
    color: #F28C28;
}

/* Cards */

html.dark-mode .vcs-card,
body.dark-mode .vcs-card,
.dark-mode .vcs-card {
    background: #142735;
    border-color: #2B404F;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

html.dark-mode .vcs-card:hover,
body.dark-mode .vcs-card:hover,
.dark-mode .vcs-card:hover {
    border-color: #F28C28;
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.25);
}

html.dark-mode .vcs-number,
body.dark-mode .vcs-number,
.dark-mode .vcs-number {
    color: #AAB9C4;
}

html.dark-mode .vcs-icon,
body.dark-mode .vcs-icon,
.dark-mode .vcs-icon {
    background: #263744;
    color: #F28C28;
}

html.dark-mode .vcs-card:hover .vcs-icon,
body.dark-mode .vcs-card:hover .vcs-icon,
.dark-mode .vcs-card:hover .vcs-icon {
    background: #F28C28;
    color: #142B3B;
}

html.dark-mode .vcs-card-body h3,
body.dark-mode .vcs-card-body h3,
.dark-mode .vcs-card-body h3 {
    color: #F4F7FA;
}

html.dark-mode .vcs-card-body p,
body.dark-mode .vcs-card-body p,
.dark-mode .vcs-card-body p {
    color: #B8C5CF;
}

html.dark-mode .vcs-card-link,
body.dark-mode .vcs-card-link,
.dark-mode .vcs-card-link {
    color: #F4F7FA;
}

html.dark-mode .vcs-card-link:hover,
body.dark-mode .vcs-card-link:hover,
.dark-mode .vcs-card-link:hover {
    color: #F28C28;
}

/* CTA panel */

html.dark-mode .vcs-bottom,
body.dark-mode .vcs-bottom,
.dark-mode .vcs-bottom {
    background: #142B3B;
}

html.dark-mode .vcs-bottom-content h3,
body.dark-mode .vcs-bottom-content h3,
.dark-mode .vcs-bottom-content h3 {
    color: #FFFFFF;
}

html.dark-mode .vcs-bottom-content p,
body.dark-mode .vcs-bottom-content p,
.dark-mode .vcs-bottom-content p {
    color: #C2CED7;
}

html.dark-mode .vcs-cta,
body.dark-mode .vcs-cta,
.dark-mode .vcs-cta {
    background: #F28C28;
    border-color: #F28C28;
    color: #142B3B;
}

html.dark-mode .vcs-cta:hover,
body.dark-mode .vcs-cta:hover,
.dark-mode .vcs-cta:hover {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #142B3B;
}


/* VOLTCARE BATTERY SOLUTIONS - DARK MODE */

.dark-mode .vbs-section,
body.dark-mode .vbs-section {
    background: #0c1923;
    color: #f3f6f8;
}

.dark-mode .vbs-heading h2,
body.dark-mode .vbs-heading h2,
.dark-mode .vbs-tag,
body.dark-mode .vbs-tag {
    color: #f3f6f8;
}

.dark-mode .vbs-heading h2 span,
body.dark-mode .vbs-heading h2 span {
    color: #F28C28;
}

.dark-mode .vbs-intro p,
body.dark-mode .vbs-intro p,
.dark-mode .vbs-card p,
body.dark-mode .vbs-card p,
.dark-mode .vbs-wide-content p,
body.dark-mode .vbs-wide-content p {
    color: #b1c0cb;
}

.dark-mode .vbs-text-link,
body.dark-mode .vbs-text-link {
    color: #f3f6f8;
}

.dark-mode .vbs-text-link span,
body.dark-mode .vbs-text-link span,
.dark-mode .vbs-wide-arrow,
body.dark-mode .vbs-wide-arrow {
    border-color: #3b4c58;
    color: #f3f6f8;
}

.dark-mode .vbs-card,
body.dark-mode .vbs-card,
.dark-mode .vbs-card-wide,
body.dark-mode .vbs-card-wide {
    background: #142633;
    border-color: #263c4a;
}

.dark-mode .vbs-card h3,
body.dark-mode .vbs-card h3,
.dark-mode .vbs-wide-content h3,
body.dark-mode .vbs-wide-content h3 {
    color: #f3f6f8;
}

.dark-mode .vbs-card-accent,
body.dark-mode .vbs-card-accent {
    background: #203746;
    border-color: #203746;
}

.dark-mode .vbs-card > a,
body.dark-mode .vbs-card > a {
    color: #f3f6f8;
    border-color: #314552;
}

.dark-mode .vbs-card > a:hover,
body.dark-mode .vbs-card > a:hover {
    color: #F28C28;
}

.dark-mode .vbs-icon,
body.dark-mode .vbs-icon {
    background: #3b2b1c;
    color: #F28C28;
}

.dark-mode .vbs-wide-icon,
body.dark-mode .vbs-wide-icon {
    background: #203746;
    color: #F28C28;
}

.dark-mode .vbs-bottom,
body.dark-mode .vbs-bottom {
    border-color: #263c4a;
    color: #9aabb7;
}

.dark-mode .vbs-wide-arrow:hover,
body.dark-mode .vbs-wide-arrow:hover {
    background: #F28C28;
    border-color: #F28C28;
    color: #142B3B;
}



/* VOLTCARE - AUTO ELECTRICAL EXPERTISE DARK MODE */

.dark-mode .vae-section,
body.dark-mode .vae-section {
    background: #0c1923;
    color: #f3f6f8;
}

.dark-mode .vae-header h2,
body.dark-mode .vae-header h2,
.dark-mode .vae-service-info h3,
body.dark-mode .vae-service-info h3,
.dark-mode .vae-bottom-note strong,
body.dark-mode .vae-bottom-note strong {
    color: #f3f6f8;
}

.dark-mode .vae-header h2 span,
body.dark-mode .vae-header h2 span {
    color: #F28C28;
}

.dark-mode .vae-eyebrow,
body.dark-mode .vae-eyebrow,
.dark-mode .vae-header-text,
body.dark-mode .vae-header-text,
.dark-mode .vae-content-intro > p,
body.dark-mode .vae-content-intro > p,
.dark-mode .vae-service-info p,
body.dark-mode .vae-service-info p,
.dark-mode .vae-bottom-note p,
body.dark-mode .vae-bottom-note p {
    color: #b1c0cb;
}

.dark-mode .vae-service-row,
body.dark-mode .vae-service-row,
.dark-mode .vae-footer-line,
body.dark-mode .vae-footer-line {
    border-color: #293e4b;
}

.dark-mode .vae-service-icon,
body.dark-mode .vae-service-icon {
    background: #203746;
    color: #F28C28;
}

.dark-mode .vae-service-arrow,
body.dark-mode .vae-service-arrow {
    border-color: #3a4e5b;
    color: #f3f6f8;
}

.dark-mode .vae-service-arrow:hover,
body.dark-mode .vae-service-arrow:hover {
    background: #F28C28;
    border-color: #F28C28;
    color: #142B3B;
}

.dark-mode .vae-bottom-note,
body.dark-mode .vae-bottom-note {
    background: #142633;
}

.dark-mode .vae-footer-line > a,
body.dark-mode .vae-footer-line > a {
    color: #f3f6f8;
}

.dark-mode .vae-footer-line > span,
body.dark-mode .vae-footer-line > span {
    color: #9aabb7;
}



/* VOLTCARE - HOW IT WORKS DARK MODE */

.dark-mode .vhw-section,
body.dark-mode .vhw-section {
    background: #0c1923;
    color: #f3f6f8;
}

.dark-mode .vhw-heading h2,
body.dark-mode .vhw-heading h2,
.dark-mode .vhw-step h3,
body.dark-mode .vhw-step h3,
.dark-mode .vhw-bottom-copy h3,
body.dark-mode .vhw-bottom-copy h3 {
    color: #f3f6f8;
}

.dark-mode .vhw-heading h2 span,
body.dark-mode .vhw-heading h2 span {
    color: #F28C28;
}

.dark-mode .vhw-eyebrow,
body.dark-mode .vhw-eyebrow,
.dark-mode .vhw-heading-side p,
body.dark-mode .vhw-heading-side p,
.dark-mode .vhw-step > p,
body.dark-mode .vhw-step > p,
.dark-mode .vhw-bottom-copy p,
body.dark-mode .vhw-bottom-copy p {
    color: #b1c0cb;
}

.dark-mode .vhw-side-number,
body.dark-mode .vhw-side-number {
    color: #263d4c;
}

.dark-mode .vhw-process::before,
body.dark-mode .vhw-process::before {
    background: #314451;
}

.dark-mode .vhw-step,
body.dark-mode .vhw-step {
    border-color: #2a3e4b;
}

.dark-mode .vhw-step-number,
body.dark-mode .vhw-step-number {
    background: #203746;
    border-color: #405462;
    color: #f3f6f8;
}

.dark-mode .vhw-step-icon,
body.dark-mode .vhw-step-icon {
    background: #203746;
    color: #F28C28;
    box-shadow: none;
}

.dark-mode .vhw-step-bottom,
body.dark-mode .vhw-step-bottom {
    border-color: #344a58;
    color: #f3f6f8;
}

.dark-mode .vhw-step-featured,
body.dark-mode .vhw-step-featured {
    background: #203746;
    border-color: #203746;
    border-bottom-color: #F28C28;
}

.dark-mode .vhw-step-featured .vhw-step-number,
body.dark-mode .vhw-step-featured .vhw-step-number {
    background: #F28C28;
    border-color: #F28C28;
    color: #142B3B;
}

.dark-mode .vhw-step-featured .vhw-step-icon,
body.dark-mode .vhw-step-featured .vhw-step-icon {
    background: #2b4658;
}

.dark-mode .vhw-bottom,
body.dark-mode .vhw-bottom {
    background: #142633;
    border-color: #2a3e4b;
}

.dark-mode .vhw-bottom-icon,
body.dark-mode .vhw-bottom-icon {
    background: #3b2b1c;
    color: #F28C28;
}

.dark-mode .vhw-cta:hover,
body.dark-mode .vhw-cta:hover {
    background: #ffffff;
    color: #142B3B;
}



/* =========================================
   SECTION 7 - DARK MODE
========================================= */

.dark-mode .vrp-process-section {
    background: #0c1822;
    color: #edf2f5;
}

.dark-mode .vrp-heading-row h2,
.dark-mode .vrp-process-intro h3,
.dark-mode .vrp-step-content h4,
.dark-mode .vrp-quality-title > strong {
    color: #f4f7f9;
}

.dark-mode .vrp-heading-row > p,
.dark-mode .vrp-step-content p {
    color: #a9b7c1;
}

.dark-mode .vrp-workbench {
    border-color: #2a3d4a;
    background: #132533;
    box-shadow: 0 25px 65px rgba(0,0,0,.18);
}

.dark-mode .vrp-console {
    background: #0b1b27;
}

.dark-mode .vrp-console-display {
    background: #102838;
}

.dark-mode .vrp-process-intro,
.dark-mode .vrp-process-step,
.dark-mode .vrp-quality-item {
    border-color: #2b3d49;
}

.dark-mode .vrp-process-count {
    background: #392a1d;
    color: #ffb76e;
}

.dark-mode .vrp-step-number {
    border-color: #344956;
    color: #f0f4f6;
}

.dark-mode .vrp-process-step:hover {
    background: #1a3040;
}

.dark-mode .vrp-process-step:hover .vrp-step-number {
    background: #F28C28;
    color: #142B3B;
}

.dark-mode .vrp-quality-strip {
    border-color: #2a3d4a;
    background: #132533;
}

.dark-mode .vrp-quality-item > p {
    color: #b6c2ca;
}

.dark-mode .vrp-process-cta {
    background: #F28C28;
    color: #142B3B;
}

.dark-mode .vrp-process-cta:hover {
    background: #fff;
    color: #142B3B;
}



/* =========================================
   SECTION 8 - DARK MODE
========================================= */

.dark-mode .vbr-brands-section {
    background: #0c1822;
    color: #edf2f5;
}

.dark-mode .vbr-heading-content h2 {
    color: #f4f7f9;
}

.dark-mode .vbr-heading-content > p {
    color: #a9b7c1;
}

.dark-mode .vbr-brand-wall {
    background: #102433;
    box-shadow: 0 25px 60px rgba(0,0,0,.2);
}

.dark-mode .vbr-brand-wall-top {
    border-color: rgba(255,255,255,.1);
}

.dark-mode .vbr-brand-item {
    border-color: rgba(255,255,255,.1);
}

.dark-mode .vbr-brand-item:hover {
    background: #1a374a;
}

.dark-mode .vbr-brand-wall-bottom {
    background: #0b1b27;
    border-color: rgba(255,255,255,.1);
}

.dark-mode .vbr-compatibility-note {
    border-color: #2a3d4a;
    background: #132533;
}

.dark-mode .vbr-compatibility-note > p {
    color: #a9b7c1;
}

.dark-mode .vbr-compatibility-note > p strong {
    color: #f4f7f9;
}

.dark-mode .vbr-note-mark {
    color: #9cabb5;
}

.dark-mode .vbr-brand-cta:hover {
    background: #fff;
    color: #142B3B;
}



/* =========================================
   SECTION 9 - DARK MODE
========================================= */

.dark-mode .vpg-pricing-section {
    background: #0c1822;
    color: #edf2f5;
}

.dark-mode .vpg-heading-row h2,
.dark-mode .vpg-board-header h3,
.dark-mode .vpg-price-info h4,
.dark-mode .vpg-price-value > strong,
.dark-mode .vpg-bottom-copy strong {
    color: #f4f7f9;
}

.dark-mode .vpg-heading-row > p {
    color: #a9b7c1;
}

.dark-mode .vpg-price-board {
    border-color: #2a3d4a;
    background: #132533;
}

.dark-mode .vpg-board-columns,
.dark-mode .vpg-price-row,
.dark-mode .vpg-board-footer {
    border-color: #2a3d4a;
}

.dark-mode .vpg-price-row:hover {
    background: #1a3040;
}

.dark-mode .vpg-price-featured {
    background: #2a281f;
}

.dark-mode .vpg-price-featured .vpg-price-value > strong {
    color: #ffb76e;
}

.dark-mode .vpg-price-number {
    border-color: #344956;
    color: #f4f7f9;
}

.dark-mode .vpg-price-featured .vpg-price-number {
    background: #F28C28;
    color: #142B3B;
}

.dark-mode .vpg-price-info p,
.dark-mode .vpg-board-footer,
.dark-mode .vpg-bottom-copy p {
    color: #a9b7c1;
}

.dark-mode .vpg-estimate-panel {
    background: #102433;
}

.dark-mode .vpg-pricing-bottom {
    border-color: #2a3d4a;
    background: #132533;
}

.dark-mode .vpg-bottom-symbol {
    background: #392a1d;
    color: #ffb76e;
}

.dark-mode .vpg-text-link {
    color: #f4f7f9;
}

.dark-mode .vpg-text-link span {
    color: #F28C28;
}

.dark-mode .vpg-estimate-button {
    background: #F28C28;
    color: #142B3B;
}

.dark-mode .vpg-estimate-button:hover {
    background: #fff;
    color: #142B3B;
}

@media (max-width: 767px) {
    .dark-mode .vpg-text-link {
        border-color: #2a3d4a;
    }
}



/* =========================================
   SECTION 10 - DARK MODE
========================================= */

.dark-mode .vct-testimonials {
    background: #0c1822;
    color: #edf2f5;
}

.dark-mode .vct-heading-row h2,
.dark-mode .vct-side-heading h3,
.dark-mode .vct-review-content h4,
.dark-mode .vct-bottom-copy h3 {
    color: #f4f7f9;
}

.dark-mode .vct-heading-row > p,
.dark-mode .vct-review-content > p {
    color: #a9b7c1;
}

.dark-mode .vct-featured-review {
    background: #102433;
}

.dark-mode .vct-review-item,
.dark-mode .vct-side-heading {
    border-color: #2a3d4a;
}

.dark-mode .vct-review-item:hover {
    background: #182e3d;
}

.dark-mode .vct-review-number {
    border-color: #344956;
    color: #f4f7f9;
}

.dark-mode .vct-bottom-strip {
    border-color: #2a3d4a;
    background: #132533;
}

.dark-mode .vct-bottom-copy > span,
.dark-mode .vct-review-category {
    color: #ffb76e;
}

.dark-mode .vct-contact-link {
    background: #F28C28;
    color: #142B3B;
}

.dark-mode .vct-contact-link:hover {
    background: #fff;
    color: #142B3B;
}


/* =========================================
   SECTION 11: FAQ DARK MODE
========================================= */

.dark-mode .vfaq-section {
    color: #f2f5f7;
    background: #0d1922;
}

.dark-mode .vfaq-intro h2 {
    color: #f2f5f7;
}

.dark-mode .vfaq-intro h2 span {
    color: #f28c28;
}

.dark-mode .vfaq-intro-text,
.dark-mode .vfaq-help-content p,
.dark-mode .vfaq-bottom-note,
.dark-mode .vfaq-answer p {
    color: #aab6bf;
}

.dark-mode .vfaq-help-card {
    background: #142734;
    border-color: #2a3d49;
    box-shadow: none;
}

.dark-mode .vfaq-help-icon {
    color: #f28c28;
    background: #29313a;
}

.dark-mode .vfaq-help-content h3,
.dark-mode .vfaq-help-link {
    color: #f2f5f7;
}

.dark-mode .vfaq-help-link:hover {
    color: #f28c28;
}

.dark-mode .vfaq-item,
.dark-mode .vfaq-item:first-child {
    border-color: #2a3d49;
}

.dark-mode .vfaq-question {
    color: #f2f5f7;
}

.dark-mode .vfaq-item[open] .vfaq-question,
.dark-mode .vfaq-item summary:hover .vfaq-question {
    color: #f28c28;
}

.dark-mode .vfaq-toggle {
    color: #f2f5f7;
    border-color: #3a4c57;
}

.dark-mode .vfaq-item[open] .vfaq-toggle {
    color: #ffffff;
    background: #f28c28;
    border-color: #f28c28;
}

.dark-mode .vfaq-accordion-footer > span {
    color: #93a1ab;
}

.dark-mode .vfaq-accordion-footer a {
    color: #ffffff;
    background: #203744;
    border-color: #203744;
}

.dark-mode .vfaq-accordion-footer a:hover {
    color: #142b3b;
    background: #f28c28;
    border-color: #f28c28;
}

/* =========================================
   SECTION 12: CTA DARK MODE
========================================= */

.dark-mode .vbook-section {
    background: #0d1922;
    color: #f2f5f7;
}

.dark-mode .vbook-panel {
    background: #142b3b;
}

.dark-mode .vbook-description,
.dark-mode .vbook-trust-line p {
    color: #c0cbd2;
}

.dark-mode .vbook-visual-frame {
    background: rgba(6, 17, 25, 0.8);
    border-color: rgba(255, 255, 255, 0.13);
}

.dark-mode .vbook-floating-badge {
    background: #1a303e;
    border-color: #30434f;
}

.dark-mode .vbook-floating-badge strong {
    color: #f2f5f7;
}

.dark-mode .vbook-floating-badge > div > span {
    color: #aab6bf;
}

.dark-mode .vbook-badge-icon {
    color: #f28c28;
    background: #29313a;
}

.dark-mode .vbook-bottom-strip > span {
    color: #aab6bf;
}

.dark-mode .vbook-bottom-strip a {
    color: #f2f5f7;
}

.dark-mode .vbook-bottom-strip a:hover {
    color: #f28c28;
}

/* HOME 2 HERO - DARK MODE */

body.dark-mode .va2-hero {
    background: #0C1B26;
    color: #FFFFFF;
}

body.dark-mode .va2-hero-content h1 {
    color: #FFFFFF;
}

body.dark-mode .va2-hero-description {
    color: #B8C5CF;
}

body.dark-mode .va2-image-frame {
    background: #142B3B;
}

body.dark-mode .va2-image-badge {
    background: rgba(20, 43, 59, 0.95);
}



/* HOME 2 SECTION 2 - DARK MODE */

body.dark-mode .va2connect-section {
    background: #0C1B26;
    color: #FFFFFF;
}

body.dark-mode .va2connect-heading h2,
body.dark-mode .va2connect-featured-content h3,
body.dark-mode .va2connect-system-card h3,
body.dark-mode .va2connect-check-list li {
    color: #FFFFFF;
}

body.dark-mode .va2connect-intro p,
body.dark-mode .va2connect-featured-content > p,
body.dark-mode .va2connect-system-card p {
    color: #B8C5CF;
}

body.dark-mode .va2connect-featured,
body.dark-mode .va2connect-system-card {
    background: #142B3B;
    border-color: rgba(255,255,255,0.12);
}

body.dark-mode .va2connect-explore {
    color: #FFFFFF;
}

body.dark-mode .va2connect-system-icon {
    background: rgba(242,140,40,0.15);
    color: #F28C28;
}

body.dark-mode .va2connect-card-index {
    color: #AEBBC4;
}

body.dark-mode .va2connect-system-card > a {
    background: #203F53;
    color: #FFFFFF;
}

body.dark-mode .va2connect-bottom-note {
    background: #142B3B;
    border-left-color: #F28C28;
}

body.dark-mode .va2connect-bottom-note p {
    color: #B8C5CF;
}

body.dark-mode .va2connect-button {
    background: #F28C28;
    color: #142B3B;
}

body.dark-mode .va2connect-button > span {
    background: #FFFFFF;
}



/* HOME 2 SECTION 3 - DARK MODE */

body.dark-mode .va2service-section {
    background: #0C1B26;
    color: #FFFFFF;
}

body.dark-mode .va2service-card {
    background: #142B3B;
    border-color: rgba(255,255,255,0.1);
}

body.dark-mode .va2service-card p,
body.dark-mode .va2service-header-side p {
    color: #AEBCC6;
}

body.dark-mode .va2service-bottom {
    background: #F28C28;
}

body.dark-mode .va2service-bottom-content h3 {
    color: #142B3B;
}

body.dark-mode .va2service-bottom-content p {
    color: #263F50;
}


/* VOLTCARE HOME 2 - BATTERY DARK MODE */

body.dark-mode .va2battery-section {
  background: #0c1b26;
  color: #edf2f5;
}

body.dark-mode .va2battery-heading h2,
body.dark-mode .va2battery-content h3,
body.dark-mode .va2battery-check-item h4,
body.dark-mode .va2battery-strip-item strong {
  color: #edf2f5;
}

body.dark-mode .va2battery-intro,
body.dark-mode .va2battery-description,
body.dark-mode .va2battery-check-item p,
body.dark-mode .va2battery-strip-item div > span {
  color: #b2bec6;
}

body.dark-mode .va2battery-number,
body.dark-mode .va2battery-disclaimer {
  color: #a6b3bc;
}

body.dark-mode .va2battery-check-item {
  border-color: #2b3e4a;
}

body.dark-mode .va2battery-small-icon {
  border-color: #354955;
}

body.dark-mode .va2battery-check-icon,
body.dark-mode .va2battery-strip-icon {
  background: rgba(242,140,40,.15);
  color: #f6a452;
}

body.dark-mode .va2battery-bottom-strip {
  border-color: #2a3d49;
  background: #142b3b;
}

body.dark-mode .va2battery-strip-divider {
  background: #354955;
}

body.dark-mode .va2battery-cta {
  color: #142b3b;
}

body.dark-mode .va2battery-cta:hover {
  background: #203b4d;
  color: #fff;
}



/* VOLTCARE SECTION 5 - DARK MODE */

body.dark-mode .va2standard-section {
  background: #0c1b26;
  color: #edf2f5;
}

body.dark-mode .va2standard-heading h2,
body.dark-mode .va2standard-process-intro h3,
body.dark-mode .va2standard-step-content h4,
body.dark-mode .va2standard-link {
  color: #edf2f5;
}

body.dark-mode .va2standard-heading > p,
body.dark-mode .va2standard-step-content p {
  color: #b2bec6;
}

body.dark-mode .va2standard-step,
body.dark-mode .va2standard-highlights {
  border-color: #2b3e4a;
}

body.dark-mode .va2standard-step-icon {
  border-color: #354955;
  color: #f6a452;
}

body.dark-mode .va2standard-step:hover .va2standard-step-icon {
  background: #f28c28;
  color: #142b3b;
}

body.dark-mode .va2standard-highlight {
  border-color: #2b3e4a;
}

body.dark-mode .va2standard-highlight span {
  color: #d5dee3;
}

@media (max-width: 767px) {
  body.dark-mode .va2standard-highlight:nth-child(odd) {
    border-color: #2b3e4a;
  }
}



/* VOLTCARE SECTION 6 - DARK MODE */

body.dark-mode .va2fleet-section {
  background: #091720;
  color: #edf2f5;
}

body.dark-mode .va2fleet-bottom {
  border-color: #2b3e4a;
  background: #102432;
}

body.dark-mode .va2fleet-feature-overlay {
  background: linear-gradient(
    180deg,
    rgba(5,15,22,.3) 0%,
    rgba(5,15,22,.05) 30%,
    rgba(5,15,22,.92) 100%
  );
}

body.dark-mode .va2fleet-category:hover {
  background: rgba(255,255,255,.035);
}



/* VOLTCARE SECTION 7 - DARK MODE */

body.dark-mode .va2insight-section {
  background: #0c1b26;
  color: #edf2f5;
}

body.dark-mode .va2insight-header,
body.dark-mode .va2insight-knowledge-item {
  border-color: #2b3e4a;
}

body.dark-mode .va2insight-intro h2,
body.dark-mode .va2insight-knowledge-heading > span,
body.dark-mode .va2insight-knowledge-copy h4,
body.dark-mode .va2insight-bottom-note > p strong,
body.dark-mode .va2insight-bottom-note > a {
  color: #edf2f5;
}

body.dark-mode .va2insight-intro > p,
body.dark-mode .va2insight-knowledge-heading > p,
body.dark-mode .va2insight-knowledge-copy p,
body.dark-mode .va2insight-bottom-note > p {
  color: #b2bec6;
}

body.dark-mode .va2insight-knowledge-heading {
  border-color: #edf2f5;
}

body.dark-mode .va2insight-knowledge-item:hover {
  background: #142b3b;
}

body.dark-mode .va2insight-knowledge-icon,
body.dark-mode .va2insight-knowledge-arrow {
  border-color: #354955;
}

body.dark-mode .va2insight-knowledge-item:hover .va2insight-knowledge-arrow {
  border-color: #f28c28;
}

body.dark-mode .va2insight-bottom-note {
  border-color: #2b3e4a;
  background: #142b3b;
}

body.dark-mode .va2insight-note-icon {
  background: rgba(242,140,40,.15);
  color: #f6a452;
}



/* VOLTCARE SECTION 8 - DARK MODE */

body.dark-mode .va2final-section {
  background: #091720;
}

body.dark-mode .va2final-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(5,15,22,.98) 0%,
      rgba(5,15,22,.9) 38%,
      rgba(5,15,22,.65) 100%
    ),
    linear-gradient(
      0deg,
      rgba(5,15,22,.95) 0%,
      transparent 40%
    );
}


/* =========================================================
   VOLTCARE SERVICES SECTION - DARK MODE
========================================================= */

body.dark-mode .vcs-page {
    --vcs-navy: #F1F5F7;
    --vcs-text: #B8C5CD;
    --vcs-muted: #91A1AC;
    --vcs-border: #2B3D49;
    --vcs-surface: #101D27;
    --vcs-soft: #142430;

    background: #0D1821;
    color: #F1F5F7;
}

/* HEADER */

body.dark-mode .vcs-page .vae-header h2 {
    color: #F1F5F7;
}

body.dark-mode .vcs-page .vae-header h2 span,
body.dark-mode .vcs-page .vcs-secondary-heading h2 span {
    color: #F28C28;
}

body.dark-mode .vcs-page .vae-header-text {
    color: #B8C5CD;
}

body.dark-mode .vcs-page .vae-eyebrow,
body.dark-mode .vcs-page .vcs-tag {
    color: #F28C28;
}

/* FEATURE CARDS */

body.dark-mode .vcs-page .vcs-feature-card {
    background: #142430;
    border-color: #2B3D49;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16);
}

body.dark-mode .vcs-page .vcs-feature-card:hover {
    background: #172B39;
    border-color: rgba(242, 140, 40, 0.6);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}

body.dark-mode .vcs-page .vcs-card-image {
    background: #1A2C39;
}

body.dark-mode .vcs-page .vcs-card-image::after {
    background: linear-gradient(
        180deg,
        rgba(4, 12, 18, 0.08) 15%,
        rgba(4, 12, 18, 0.75) 100%
    );
}

body.dark-mode .vcs-page .vcs-number {
    color: #FFFFFF;
    background: #F28C28;
}

body.dark-mode .vcs-page .vcs-image-label {
    color: #FFFFFF;
}

/* FEATURE ICON */

body.dark-mode .vcs-page .vcs-icon {
    color: #F28C28;
    background: #192D3A;
    border-color: #344854;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.22);
}

body.dark-mode .vcs-page .vcs-feature-card:hover .vcs-icon {
    color: #FFFFFF;
    background: #F28C28;
    border-color: #F28C28;
}

/* FEATURE TEXT: HOVER COLOR LOCK */

body.dark-mode .vcs-page .vcs-category {
    color: #F28C28;
}

body.dark-mode .vcs-page .vcs-card-content h3,
body.dark-mode .vcs-page .vcs-feature-card:hover .vcs-card-content h3 {
    color: #F1F5F7;
    background: transparent;
    -webkit-text-fill-color: #F1F5F7;
}

body.dark-mode .vcs-page .vcs-card-content p,
body.dark-mode .vcs-page .vcs-feature-card:hover .vcs-card-content p {
    color: #B8C5CD;
    background: transparent;
    -webkit-text-fill-color: #B8C5CD;
}

body.dark-mode .vcs-page .vcs-card-content ul li {
    color: #B8C5CD;
}

body.dark-mode .vcs-page .vcs-card-content ul li i {
    color: #F28C28;
}

/* FEATURE LINKS */

body.dark-mode .vcs-page .vcs-link {
    color: #F1F5F7;
    border-color: #2B3D49;
}

body.dark-mode .vcs-page .vcs-link span {
    color: #FFFFFF;
    background: #F28C28;
}

body.dark-mode .vcs-page .vcs-link:hover,
body.dark-mode .vcs-page .vcs-feature-card:hover .vcs-link {
    color: #F28C28;
}

body.dark-mode .vcs-page .vcs-link:hover span {
    background: #D96F12;
}

/* SECONDARY HEADING */

body.dark-mode .vcs-page .vcs-secondary-heading h2 {
    color: #F1F5F7;
}

body.dark-mode .vcs-page .vcs-secondary-heading > p {
    color: #B8C5CD;
}

/* SMALL CARDS */

body.dark-mode .vcs-page .vcs-small-card {
    background: #142430;
    border-color: #2B3D49;
    box-shadow: none;
}

body.dark-mode .vcs-page .vcs-small-card:hover {
    background: #192D3A;
    border-color: rgba(242, 140, 40, 0.6);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.23);
}

body.dark-mode .vcs-page .vcs-small-icon {
    color: #F28C28;
    background: #1B303D;
    border-color: #354956;
}

body.dark-mode .vcs-page .vcs-small-card:hover .vcs-small-icon {
    color: #FFFFFF;
    background: #F28C28;
    border-color: #F28C28;
}

body.dark-mode .vcs-page .vcs-small-count {
    color: #91A1AC;
}

/* SMALL CARD TEXT: HOVER COLOR LOCK */

body.dark-mode .vcs-page .vcs-small-card h3,
body.dark-mode .vcs-page .vcs-small-card:hover h3 {
    color: #F1F5F7;
    background: transparent;
    -webkit-text-fill-color: #F1F5F7;
}

body.dark-mode .vcs-page .vcs-small-card p,
body.dark-mode .vcs-page .vcs-small-card:hover p {
    color: #B8C5CD;
    background: transparent;
    -webkit-text-fill-color: #B8C5CD;
}

body.dark-mode .vcs-page .vcs-small-card > a {
    color: #F1F5F7;
}

body.dark-mode .vcs-page .vcs-small-card > a i {
    color: #F28C28;
}

body.dark-mode .vcs-page .vcs-small-card > a:hover,
body.dark-mode .vcs-page .vcs-small-card:hover > a {
    color: #F28C28;
}

/* CTA BACKGROUND */

body.dark-mode .vcs-page .vcs-cta {
    background: #101F2A;
    border-color: #2B3D49;
}

body.dark-mode .vcs-page .vcs-cta::before {
    background: rgba(242, 140, 40, 0.12);
}

body.dark-mode .vcs-page .vcs-cta-symbol {
    color: #FFFFFF;
    background: #F28C28;
}

/* CTA TEXT: NORMAL + HOVER FIX */

body.dark-mode .vcs-page .vcs-cta .vcs-cta-text,
body.dark-mode .vcs-page .vcs-cta:hover .vcs-cta-text,
body.dark-mode .vcs-page .vcs-cta .vcs-cta-text:hover {
    color: #FFFFFF;
    background: transparent;
}

body.dark-mode .vcs-page .vcs-cta .vcs-cta-text > span,
body.dark-mode .vcs-page .vcs-cta:hover .vcs-cta-text > span {
    color: #F28C28;
    background: transparent;
    -webkit-text-fill-color: #F28C28;
}

body.dark-mode .vcs-page .vcs-cta .vcs-cta-text h2,
body.dark-mode .vcs-page .vcs-cta:hover .vcs-cta-text h2,
body.dark-mode .vcs-page .vcs-cta .vcs-cta-text h2:hover {
    color: #FFFFFF;
    background: transparent;
    -webkit-text-fill-color: #FFFFFF;
    text-decoration: none;
    text-shadow: none;
}

body.dark-mode .vcs-page .vcs-cta .vcs-cta-text p,
body.dark-mode .vcs-page .vcs-cta:hover .vcs-cta-text p,
body.dark-mode .vcs-page .vcs-cta .vcs-cta-text p:hover {
    color: #D5E0E6;
    background: transparent;
    -webkit-text-fill-color: #D5E0E6;
    text-decoration: none;
    text-shadow: none;
}

body.dark-mode .vcs-page .vcs-cta:hover .vcs-cta-text *,
body.dark-mode .vcs-page .vcs-cta .vcs-cta-text:hover * {
    text-decoration: none;
    text-shadow: none;
}

/* CTA BUTTON */

body.dark-mode .vcs-page .vcs-cta-btn {
    color: #FFFFFF;
    background: #F28C28;
    border-color: #F28C28;
}

body.dark-mode .vcs-page .vcs-cta-btn:hover {
    color: #FFFFFF;
    background: #D96F12;
    border-color: #D96F12;
}

/* DARK MODE RESPONSIVE */

@media (max-width: 767px) {
    body.dark-mode .vcs-page .vcs-feature-card:hover {
        background: #172B39;
    }

    body.dark-mode .vcs-page .vcs-small-card:hover {
        background: #192D3A;
    }
}


/* =========================================
   VOLTCARE WIRING ISSUES - DARK MODE
========================================= */

body.dark-mode .vwi-section {
    background: #101D27 !important;
    color: #FFFFFF;
}

/* HEADER */

body.dark-mode .vwi-header h2,
body.dark-mode .vwi-details > h3 {
    color: #FFFFFF !important;
}

body.dark-mode .vwi-header h2 span,
body.dark-mode .vwi-details > h3 span {
    color: #F28C28 !important;
}

body.dark-mode .vwi-header > p,
body.dark-mode .vwi-description {
    color: #C0CBD2 !important;
}

/* EYEBROW */

body.dark-mode .vwi-eyebrow,
body.dark-mode .vwi-label {
    color: #F28C28 !important;
}

body.dark-mode .vwi-dot {
    background: #F28C28;
    box-shadow: 0 0 0 5px rgba(242, 140, 40, 0.16);
}

/* IMAGE PANEL */

body.dark-mode .vwi-visual {
    background: #142B3B;
}

body.dark-mode .vwi-image-overlay {
    background: linear-gradient(
        180deg,
        rgba(8, 18, 27, 0.72) 0%,
        rgba(8, 18, 27, 0.15) 40%,
        rgba(8, 18, 27, 0.95) 100%
    );
}

body.dark-mode .vwi-image-label {
    color: #FFFFFF;
}

body.dark-mode .vwi-image-content > div:last-child > span {
    color: #F28C28;
}

body.dark-mode .vwi-image-content h3 {
    color: #FFFFFF;
}

body.dark-mode .vwi-image-icon {
    color: #F28C28;
    background: rgba(242, 140, 40, 0.14);
    border-color: rgba(242, 140, 40, 0.6);
}

/* ISSUE CARDS */

body.dark-mode .vwi-issue {
    background: #172936 !important;
    border-color: #2B414F !important;
}

body.dark-mode .vwi-issue:hover {
    border-color: #F28C28 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

body.dark-mode .vwi-issue-icon {
    color: #F28C28 !important;
    background: #28343C !important;
}

body.dark-mode .vwi-issue:hover .vwi-issue-icon {
    color: #142B3B !important;
    background: #F28C28 !important;
}

body.dark-mode .vwi-issue-info h4 {
    color: #FFFFFF !important;
}

body.dark-mode .vwi-issue-info p {
    color: #C0CBD2 !important;
}

body.dark-mode .vwi-number {
    color: #8496A2 !important;
}

/* CTA BUTTON */

body.dark-mode .vwi-button {
    color: #FFFFFF !important;
    background: #F28C28 !important;
    border-color: #F28C28 !important;
}

body.dark-mode .vwi-button > span {
    color: #142B3B !important;
    background: #FFFFFF !important;
}

body.dark-mode .vwi-button:hover {
    color: #FFFFFF !important;
    background: #D97716 !important;
    border-color: #D97716 !important;
}

body.dark-mode .vwi-button:hover > span {
    color: #142B3B !important;
    transform: translateX(3px);
}

/* REPAIR PROCESS BAR */

body.dark-mode .vwi-process {
    background: #172936 !important;
    border-left-color: #F28C28 !important;
}

body.dark-mode .vwi-process-heading > span {
    color: #F28C28 !important;
}

body.dark-mode .vwi-process-heading h3,
body.dark-mode .vwi-step h4 {
    color: #FFFFFF !important;
}

body.dark-mode .vwi-step p {
    color: #C0CBD2 !important;
}

body.dark-mode .vwi-step-number {
    color: #F28C28 !important;
    border-color: rgba(242, 140, 40, 0.65) !important;
}

body.dark-mode .vwi-process-arrow {
    color: #F28C28 !important;
}

/* MOBILE PROCESS DIVIDER */

@media (max-width: 767px) {
    body.dark-mode .vwi-process-heading {
        border-bottom-color: rgba(255, 255, 255, 0.14);
    }
}

/* DARK MODE ANIMATION */

body.dark-mode .vwi-reveal.vwi-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    body.dark-mode .vwi-section *,
    body.dark-mode .vwi-section *::before,
    body.dark-mode .vwi-section *::after {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================
   VOLTCARE BATTERY DIAGNOSTICS - DARK MODE
========================================== */

body.dark-mode .vbd-section {
    background: #101D27 !important;
    color: #FFFFFF;
}

body.dark-mode .vbd-heading h2,
body.dark-mode .vbd-services-header h3 {
    color: #FFFFFF !important;
}

body.dark-mode .vbd-heading h2 span,
body.dark-mode .vbd-services-header h3 span {
    color: #F28C28 !important;
}

body.dark-mode .vbd-eyebrow,
body.dark-mode .vbd-small-tag {
    color: #F28C28 !important;
}

body.dark-mode .vbd-header-right p,
body.dark-mode .vbd-services-header > p {
    color: #C0CBD2 !important;
}

body.dark-mode .vbd-text-link {
    color: #FFFFFF !important;
}

body.dark-mode .vbd-text-link i {
    color: #F28C28 !important;
}

/* FEATURED PANEL */

body.dark-mode .vbd-featured {
    background: #172936 !important;
}

body.dark-mode .vbd-featured-content h3 {
    color: #FFFFFF !important;
}

body.dark-mode .vbd-featured-content h3 span,
body.dark-mode .vbd-panel-tag {
    color: #F28C28 !important;
}

body.dark-mode .vbd-featured-content > p {
    color: #C0CBD2 !important;
}

body.dark-mode .vbd-highlight-list > div {
    color: #FFFFFF !important;
}

body.dark-mode .vbd-highlight-list i {
    color: #F28C28 !important;
}

body.dark-mode .vbd-featured-visual {
    background: #142B3B;
}

body.dark-mode .vbd-visual-shade {
    background: linear-gradient(
        180deg,
        rgba(5, 14, 22, 0.22) 20%,
        rgba(5, 14, 22, 0.9) 100%
    );
}

body.dark-mode .vbd-image-caption {
    background: rgba(10, 25, 36, 0.96) !important;
    border-left-color: #F28C28 !important;
}

body.dark-mode .vbd-image-caption strong {
    color: #FFFFFF !important;
}

body.dark-mode .vbd-image-caption > div span {
    color: #D5E0E7 !important;
}

body.dark-mode .vbd-caption-icon {
    color: #F28C28 !important;
    border-color: #F28C28 !important;
}

body.dark-mode .vbd-vertical-label {
    color: #FFFFFF !important;
}

/* BUTTON */

body.dark-mode .vbd-primary-btn {
    color: #142B3B !important;
    background: #F28C28 !important;
    border-color: #F28C28 !important;
}

body.dark-mode .vbd-primary-btn span {
    color: #FFFFFF !important;
    background: #142B3B !important;
}

body.dark-mode .vbd-primary-btn:hover {
    color: #FFFFFF !important;
    background: #D97716 !important;
    border-color: #D97716 !important;
}

/* SERVICE CARDS */

body.dark-mode .vbd-services-grid {
    border-color: #2B414F !important;
}

body.dark-mode .vbd-service-card {
    background: #172936 !important;
    border-color: #2B414F !important;
}

body.dark-mode .vbd-service-card:hover {
    background: #203644 !important;
}

body.dark-mode .vbd-service-card h4 {
    color: #FFFFFF !important;
}

body.dark-mode .vbd-service-card p {
    color: #C0CBD2 !important;
}

body.dark-mode .vbd-card-icon {
    color: #F28C28 !important;
    background: #293943 !important;
}

body.dark-mode .vbd-card-number {
    color: #9DAEB9 !important;
}

body.dark-mode .vbd-card-line {
    background: #F28C28 !important;
}

/* BOTTOM CTA */

body.dark-mode .vbd-bottom-cta {
    background: #172936 !important;
    border-left-color: #F28C28 !important;
}

body.dark-mode .vbd-cta-symbol {
    color: #F28C28 !important;
    background: #142B3B !important;
}

body.dark-mode .vbd-cta-copy > span {
    color: #F28C28 !important;
}

body.dark-mode .vbd-cta-copy h3 {
    color: #FFFFFF !important;
}

body.dark-mode .vbd-cta-button {
    color: #142B3B !important;
    background: #F28C28 !important;
}

body.dark-mode .vbd-cta-button i {
    color: #142B3B !important;
}

body.dark-mode .vbd-cta-button:hover {
    color: #FFFFFF !important;
    background: #D97716 !important;
}

body.dark-mode .vbd-cta-button:hover i {
    color: #FFFFFF !important;
}

/* ENTRANCE ANIMATION */

body.dark-mode .vbd-reveal.vbd-visible {
    opacity: 1;
    transform: translateY(0);
}


/* VOLTCARE WIRING REPAIRS - DARK MODE */

body.dark-mode .vwr-section {
    background: #101B24;
    color: #F2F5F7;
}

body.dark-mode .vwr-section .vwr-heading h2,
body.dark-mode .vwr-section .vwr-content-side > h3,
body.dark-mode .vwr-section .vwr-service-info h4,
body.dark-mode .vwr-section .vwr-bottom-strip > p {
    color: #F2F5F7;
}

body.dark-mode .vwr-section .vwr-heading h2 span {
    color: #F28C28;
}

body.dark-mode .vwr-section .vwr-heading-text,
body.dark-mode .vwr-section .vwr-description,
body.dark-mode .vwr-section .vwr-service-info p,
body.dark-mode .vwr-section .vwr-bottom-item {
    color: #B8C3CC;
}

body.dark-mode .vwr-section .vwr-service-list,
body.dark-mode .vwr-section .vwr-service-row,
body.dark-mode .vwr-section .vwr-bottom-strip {
    border-color: #30404D;
}

body.dark-mode .vwr-section .vwr-service-arrow {
    color: #E5EBEF;
}

body.dark-mode .vwr-section .vwr-service-row:hover .vwr-service-arrow {
    color: #F28C28;
}

body.dark-mode .vwr-section .vwr-image-bottom {
    background: #1A3040;
}

body.dark-mode .vwr-section .vwr-round-link {
    border-color: #526371;
}

body.dark-mode .vwr-section .vwr-round-link:hover {
    background: #F28C28;
    border-color: #F28C28;
}

body.dark-mode .vwr-section .vwr-cta {
    background: #F28C28;
    color: #142B3B;
}

body.dark-mode .vwr-section .vwr-cta:hover {
    background: #F5A34F;
    color: #142B3B;
}

/* VOLTCARE VEHICLE CARE - DARK MODE */

body.dark-mode .vbr-section {
    background: #101B24;
    color: #F2F5F7;
}

body.dark-mode .vbr-section .vbr-heading h2,
body.dark-mode .vbr-section .vbr-service-content h4,
body.dark-mode .vbr-section .vbr-bottom-cta h3 {
    color: #F2F5F7;
}

body.dark-mode .vbr-section .vbr-heading h2 span,
body.dark-mode .vbr-section .vbr-tag,
body.dark-mode .vbr-section .vbr-bottom-cta > div > span {
    color: #F28C28;
}

body.dark-mode .vbr-section .vbr-heading > p,
body.dark-mode .vbr-section .vbr-service-content p {
    color: #B8C3CC;
}

body.dark-mode .vbr-section .vbr-service {
    background: #162530;
    border-color: #30414D;
}

body.dark-mode .vbr-section .vbr-service:hover {
    border-color: #F28C28;
}

body.dark-mode .vbr-section .vbr-bottom-cta {
    background: #1A2A36;
}

body.dark-mode .vbr-section .vbr-bottom-button {
    background: #F28C28;
    color: #142B3B;
}

body.dark-mode .vbr-section .vbr-bottom-button:hover {
    background: #FFFFFF;
    color: #142B3B;
}

body.dark-mode .vbr-section .vbr-button {
    background: #F28C28;
    color: #142B3B;
}

body.dark-mode .vbr-section .vbr-button:hover {
    background: #FFFFFF;
    color: #142B3B;
}

/* VOLTCARE PRICING GUIDE - DARK MODE */

body.dark-mode .vpg-pricing {
    background: #101B24;
    color: #F2F5F7;
}

body.dark-mode .vpg-pricing .vpg-heading h2,
body.dark-mode .vpg-pricing .vpg-card-content h3 {
    color: #F2F5F7;
}

body.dark-mode .vpg-pricing .vpg-heading h2 span,
body.dark-mode .vpg-pricing .vpg-tag,
body.dark-mode .vpg-pricing .vpg-category {
    color: #F28C28;
}

body.dark-mode .vpg-pricing .vpg-heading > p,
body.dark-mode .vpg-pricing .vpg-card-content > p,
body.dark-mode .vpg-pricing .vpg-price span,
body.dark-mode .vpg-pricing .vpg-list li {
    color: #B8C3CC;
}

body.dark-mode .vpg-pricing .vpg-card {
    background: #172732;
    border-color: #30414D;
}

body.dark-mode .vpg-pricing .vpg-card:hover {
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}

body.dark-mode .vpg-pricing .vpg-price,
body.dark-mode .vpg-pricing .vpg-link {
    border-color: #344652;
}

body.dark-mode .vpg-pricing .vpg-price strong,
body.dark-mode .vpg-pricing .vpg-link {
    color: #F2F5F7;
}

body.dark-mode .vpg-pricing .vpg-link i,
body.dark-mode .vpg-pricing .vpg-list li i {
    color: #F28C28;
}

body.dark-mode .vpg-pricing .vpg-note {
    background: #1A2C39;
}

body.dark-mode .vpg-pricing .vpg-note-content h3 {
    color: #FFFFFF;
}

body.dark-mode .vpg-pricing .vpg-note-content p {
    color: #C3CED6;
}

body.dark-mode .vpg-pricing .vpg-note-button {
    background: #F28C28;
    color: #142B3B;
}

body.dark-mode .vpg-pricing .vpg-note-button:hover {
    background: #FFFFFF;
}

/* VOLTCARE PRICING PROCESS - DARK MODE */

body.dark-mode .vpp-section {
    background: #101B24;
    color: #F2F5F7;
}

body.dark-mode .vpp-section .vpp-intro h2,
body.dark-mode .vpp-section .vpp-process-heading h3,
body.dark-mode .vpp-section .vpp-step-content h4 {
    color: #F2F5F7;
}

body.dark-mode .vpp-section .vpp-intro h2 span,
body.dark-mode .vpp-section .vpp-eyebrow,
body.dark-mode .vpp-section .vpp-side-label {
    color: #F28C28;
}

body.dark-mode .vpp-section .vpp-intro-right p,
body.dark-mode .vpp-section .vpp-side-content p,
body.dark-mode .vpp-section .vpp-step-content p {
    color: #B8C3CC;
}

body.dark-mode .vpp-section .vpp-feature-side {
    background: #172732;
}

body.dark-mode .vpp-section .vpp-side-content h3 {
    color: #F2F5F7;
}

body.dark-mode .vpp-section .vpp-text-link {
    color: #F2F5F7;
    border-color: #F28C28;
}

body.dark-mode .vpp-section .vpp-timeline,
body.dark-mode .vpp-section .vpp-step,
body.dark-mode .vpp-section .vpp-step + .vpp-step {
    border-color: #344652;
}

body.dark-mode .vpp-section .vpp-footer {
    background: #1A2C39;
}

body.dark-mode .vpp-section .vpp-footer > p {
    color: #D3DDE3;
}

body.dark-mode .vpp-section .vpp-footer-link {
    color: #FFFFFF;
}

body.dark-mode .vpp-section .vpp-footer-mark {
    background: #F28C28;
    color: #142B3B;
}

/* ================= CUSTOMER REVIEWS - DARK MODE ================= */

body.dark-mode .vcr-section {
    background: #0D1821;
    color: #F4F6F8;
}

body.dark-mode .vcr-heading h2,
body.dark-mode .vcr-highlight h3,
body.dark-mode .vcr-reviewer-info strong {
    color: #F4F6F8;
}

body.dark-mode .vcr-heading-right > p,
body.dark-mode .vcr-rating span,
body.dark-mode .vcr-review-note,
body.dark-mode .vcr-reviewer-info span,
body.dark-mode .vcr-highlight p {
    color: #B9C4CC;
}

body.dark-mode .vcr-rating,
body.dark-mode .vcr-highlights,
body.dark-mode .vcr-highlight {
    border-color: #30414D;
}

body.dark-mode .vcr-feature {
    background: #172733;
}

body.dark-mode .vcr-feature-content blockquote {
    color: #F4F6F8;
}

body.dark-mode .vcr-reviewer {
    border-color: #30414D;
}

body.dark-mode .vcr-reviewer-avatar {
    background: #263B4A;
    color: #FFFFFF;
}

body.dark-mode .vcr-bottom-cta {
    background: #172733;
}

body.dark-mode .vcr-bottom-cta h3 {
    color: #FFFFFF;
}

body.dark-mode .vcr-cta-button {
    color: #142B3B;
}

body.dark-mode .vcr-cta-button:hover {
    background: #FFAB57;
    color: #142B3B;
}


/* ==========================================
   VOLTCARE - REPAIR COST FACTORS DARK MODE
   ========================================== */

body.dark-mode .vrcf-section {
    background: #0D1821;
    color: #F4F6F8;
}

body.dark-mode .vrcf-title-area h2,
body.dark-mode .vrcf-text-link,
body.dark-mode .vrcf-factor-content h3 {
    color: #F4F6F8;
}

body.dark-mode .vrcf-intro p,
body.dark-mode .vrcf-factor-content p {
    color: #B9C4CC;
}

body.dark-mode .vrcf-main {
    background: #172733;
}

body.dark-mode .vrcf-factor {
    border-color: #30414D;
}

body.dark-mode .vrcf-factor-icon {
    border-color: #3A4D5A;
    color: #F28C28;
}

body.dark-mode .vrcf-factor:hover .vrcf-factor-icon {
    background: #F28C28;
    border-color: #F28C28;
    color: #142B3B;
}

body.dark-mode .vrcf-factor-label {
    color: #AAB7C0;
}

body.dark-mode .vrcf-note {
    background: #172733;
}

body.dark-mode .vrcf-note-content strong {
    color: #FFFFFF;
}

body.dark-mode .vrcf-note-content p {
    color: #C7D0D6;
}

body.dark-mode .vrcf-note-button {
    color: #142B3B;
}

body.dark-mode .vrcf-note-button:hover {
    background: #FFAB57;
    color: #142B3B;
}

body.dark-mode .vrcf-text-link:hover {
    color: #F28C28;
}


/* ==========================================
   VOLTCARE BOOKING FORM - DARK MODE
========================================== */

body.dark-mode .vcbook-section {
    background: #0D1821;
    color: #F4F6F8;
}

body.dark-mode .vcbook-intro h2 {
    color: #F4F6F8;
}

body.dark-mode .vcbook-intro > p {
    color: #B9C4CC;
}

body.dark-mode .vcbook-layout {
    background: #172733;
    border-color: #30414D;
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.2);
}

body.dark-mode .vcbook-form-heading h3,
body.dark-mode .vcbook-field > label {
    color: #F4F6F8;
}

body.dark-mode .vcbook-form-description {
    color: #B9C4CC;
}

body.dark-mode .vcbook-form-heading-icon {
    background: #293B49;
    color: #F28C28;
}

body.dark-mode .vcbook-input-wrap,
body.dark-mode .vcbook-field textarea {
    background: #10212D;
    border-color: #3A4D5A;
}

body.dark-mode .vcbook-input-wrap input,
body.dark-mode .vcbook-input-wrap select,
body.dark-mode .vcbook-field textarea {
    color: #F4F6F8;
}

body.dark-mode .vcbook-input-wrap input::placeholder,
body.dark-mode .vcbook-field textarea::placeholder {
    color: #9EADB7;
}

body.dark-mode .vcbook-input-wrap select:invalid {
    color: #9EADB7;
}

body.dark-mode .vcbook-input-wrap select option {
    background: #10212D;
    color: #F4F6F8;
}

body.dark-mode .vcbook-input-wrap > i {
    color: #AAB7C0;
}

body.dark-mode .vcbook-consent {
    color: #C1CCD3;
}

body.dark-mode .vcbook-form-footnote {
    color: #AAB7C0;
}

body.dark-mode .vcbook-submit {
    background: #243E50;
}

body.dark-mode .vcbook-submit:hover {
    background: #31546B;
}

body.dark-mode .vcbook-form-status {
    background: #293B49;
    color: #F4F6F8;
}

body.dark-mode .vcbook-bottom {
    background: #172733;
    border-color: #30414D;
}

body.dark-mode .vcbook-bottom p {
    color: #B9C4CC;
}

body.dark-mode .vcbook-bottom p strong {
    color: #F4F6F8;
}


/* ========================================
   VOLTCARE LOCATION - DARK MODE
======================================== */

body.dark-mode .vclocation-section {
    background: #0d1b26;
    color: #f5f7f9;
}

body.dark-mode .vclocation-heading h2 {
    color: #f5f7f9;
}

body.dark-mode .vclocation-heading > p {
    color: #aebbc5;
}

body.dark-mode .vclocation-info {
    background: #172e3e;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}

body.dark-mode .vclocation-detail {
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode .vclocation-detail p {
    color: #bdc9d1;
}

body.dark-mode .vclocation-map {
    border-color: #29404f;
    background: #172e3e;
}

body.dark-mode .vclocation-map-label {
    border-color: #344b5a;
    background: rgba(20, 43, 59, 0.97);
}

body.dark-mode .vclocation-map-label strong {
    color: #ffffff;
}

body.dark-mode .vclocation-map-label p {
    color: #bdc9d1;
}

body.dark-mode .vclocation-directions:hover {
    background: #ffffff;
    color: #142b3b;
}


/* ========================================
   VOLTCARE EMERGENCY CTA - DARK MODE
======================================== */

body.dark-mode .vcemergency-section {
    background: #0D1B26;
    color: #FFFFFF;
}

body.dark-mode .vcemergency-card {
    background: #142B3B;
}

body.dark-mode .vcemergency-content h2 {
    color: #FFFFFF;
}

body.dark-mode .vcemergency-content > p,
body.dark-mode .vcemergency-note {
    color: #C1CCD4;
}

body.dark-mode .vcemergency-btn-primary {
    background: #F28C28;
    color: #142B3B;
}

body.dark-mode .vcemergency-btn-primary:hover {
    background: #FFFFFF;
    color: #142B3B;
}

body.dark-mode .vcemergency-btn-secondary {
    border-color: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
}

body.dark-mode .vcemergency-btn-secondary:hover {
    border-color: #F28C28;
    color: #F28C28;
}

body.dark-mode .vcemergency-floating-card {
    border-color: #344B5A;
    background: #1B3546;
}

body.dark-mode .vcemergency-floating-card strong {
    color: #FFFFFF;
}

body.dark-mode .vcemergency-floating-card span {
    color: #C1CCD4;
}

body.dark-mode .vcemergency-floating-icon {
    background: rgba(242, 140, 40, 0.15);
    color: #F28C28;
}