/* ==========================================================================
   Volt - locked EV/tech theme (loaded AFTER vanilla).
   Crisp white page, deep-teal accent with an electric-lime highlight, precise
   thin lines, monospace uppercase UI labels. Space Grotesk headings, Inter
   body, JetBrains Mono labels.
     page #fff   bands #06231d   accent teal #0a8f74   lime #b6ff3a
   ========================================================================== */

.theme-volt {
    --font-heading: 'Space Grotesk', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;

    --color-accent: #0a8f74;          /* deep teal (white text passes) */
    --color-accent-hover: #07725d;
    --volt-lime: #b6ff3a;             /* electric highlight (not body text) */

    --color-bg: #ffffff;
    --color-surface: #f5f8f7;
    --color-surface-dark: #06231d;    /* deep teal-black band */
    --color-border: #e2eae8;

    --color-text: #0b211c;
    --color-text-secondary: #4d635d;
    --color-text-muted: #2c403a;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #93b8ae;

    --radius-sm: 3px;
    --radius-md: 5px;
    --radius-lg: 8px;
}

body.theme-volt { background: var(--color-bg); }

.theme-volt h1,
.theme-volt h2,
.theme-volt h3,
.theme-volt h4 { font-weight: 700; letter-spacing: -0.02em; }

/* Monospace, uppercase eyebrows - the "instrument panel" detail. */
.theme-volt .c-hero__label,
.theme-volt .c-section-head__label,
.theme-volt .c-services__label,
.theme-volt .c-label,
.theme-volt .booking-progress,
.theme-volt .booking-flow-label {
    font-family: var(--font-mono);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-accent);
}
.theme-volt .c-hero--image .c-hero__label { color: rgba(255, 255, 255, 0.9); }

/* Nav: white with a thin lime underline accent; sentence-case links. */
.theme-volt .c-nav { border-bottom: 1px solid var(--color-border); box-shadow: inset 0 -3px 0 -2px var(--volt-lime); }
.theme-volt .c-nav__link,
.theme-volt .c-nav__mobile a { letter-spacing: normal; text-transform: none; font-weight: 600; }

/* Buttons: teal fill, white label; lime hover line. */
.theme-volt .btn,
.theme-volt .btn-primary,
.theme-volt .btn-secondary,
.theme-volt .btn--primary,
.theme-volt .btn--secondary { letter-spacing: 0.02em; text-transform: none; font-weight: 600; }

/* Cards: crisp 1px lines, teal/lime hover. */
.theme-volt .c-service-card:hover { border-color: var(--color-accent); box-shadow: 0 14px 36px rgba(10, 143, 116, 0.12); }
.theme-volt .c-pricing-index__card:hover { border-color: var(--color-accent); }

/* Teal focus ring. */
.theme-volt .field input:focus,
.theme-volt .field select:focus,
.theme-volt .field textarea:focus,
.theme-volt .bk-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(10, 143, 116, 0.18); }
.theme-volt .slot-btn.is-selected { background: var(--color-accent); color: #fff; border-color: var(--color-accent); }

/* ===== HERO: teal→deep gradient "banner" with an electric-lime top edge ===== */
.theme-volt .c-hero--banner {
    background: linear-gradient(120deg, #0bbf9a 0%, var(--color-accent) 45%, #06231d 100%);
    color: #fff;
    border-top: 4px solid var(--volt-lime);
}
.theme-volt .c-hero--banner .c-hero__title,
.theme-volt .c-hero--banner .c-hero__desc { color: #fff; }
.theme-volt .c-hero--banner .c-hero__label { color: rgba(255, 255, 255, 0.9); }
.theme-volt .c-hero--banner .btn-primary,
.theme-volt .c-hero--banner .btn--primary { background: var(--volt-lime); color: #06231d; }
.theme-volt .c-hero--banner .btn-primary:hover,
.theme-volt .c-hero--banner .btn--primary:hover { background: #c8ff5c; }