@charset "UTF-8";
/* Light theme (approved, all XCMG Auto pages) — white base, XCMG blue primary, O.C.R. red + gold as sparing accents.
   Gold is provisional: sampled by eye, confirm against O.C.R. brand guideline. */
.theme-light {
  --color-accent-gold: oklch(0.8 0.14 82);
  --color-accent-gold-ink: oklch(0.55 0.11 75);
  --blue-deep: oklch(0.36 0.13 253);
  background: var(--color-surface);
}

/* Eyebrows: XCMG blue text + small gold rule */
.theme-light :is(.model-showcase__eyebrow, .ev-tools__eyebrow, .care-teaser__eyebrow, .offers__eyebrow) { display: inline-flex; align-items: center; gap: var(--space-3); color: var(--color-brand-blue); }
.theme-light :is(.model-showcase__eyebrow, .ev-tools__eyebrow, .care-teaser__eyebrow, .offers__eyebrow)::before { content: ''; width: 1.5rem; height: 2px; background: var(--color-accent-gold); }
.theme-light .ev-tools__title-accent { color: var(--color-brand-blue); }
.theme-light .hero-video__eyebrow::before { background: var(--color-accent-gold); }

/* Electric band: XCMG blue wash instead of navy */
.theme-light .electric-band { background: var(--blue-deep); }
.theme-light .electric-band::before { background: linear-gradient(90deg, oklch(0.36 0.13 253 / 0.95) 0%, oklch(0.36 0.13 253 / 0.82) 32%, oklch(0.36 0.13 253 / 0.2) 70%, transparent 100%); }
.theme-light .electric-band__eyebrow, .theme-light .center-band__eyebrow, .theme-light .charging-teaser__eyebrow { color: var(--color-accent-gold); }
.theme-light .electric-band .button--secondary { color: var(--color-brand-blue); }

/* Model showcase */
.theme-light .model-showcase .filter-tabs__indicator { background: var(--color-brand-blue); box-shadow: 0 6px 18px oklch(0.48 0.155 253 / 0.3); }
.theme-light .model-details__bar-fill { background: linear-gradient(90deg, var(--color-brand-blue), oklch(0.66 0.12 245)); }
.theme-light .model-showcase__arrow:hover { background: var(--color-brand-blue); }

/* Thailand Center: blue-tinted overlay */
.theme-light .center-band::before { background: linear-gradient(180deg, oklch(0.3 0.1 253 / 0.1) 0%, oklch(0.3 0.1 253 / 0.88) 100%); }

/* Range calculator / service duo */
.theme-light .range-calculator__tab[aria-selected='true'] { box-shadow: inset 0 -3px 0 var(--color-brand-blue); }
.theme-light .charging-teaser { background: radial-gradient(120% 90% at 85% 20%, oklch(0.44 0.15 253), var(--blue-deep) 70%); }
.theme-light .charging-teaser > :not(.charging-teaser__map) { max-width: 20rem; }
.charging-teaser__map { position: absolute; z-index: -1; top: 50%; right: 6%; height: 112%; width: auto; aspect-ratio: 400 / 640; transform: translateY(-50%); pointer-events: none; transition: transform 800ms var(--ease-out); }
.charging-teaser:hover .charging-teaser__map { transform: translateY(-50%) scale(1.03); }
@media (max-width: 79.99rem) { .charging-teaser__map { right: -10%; opacity: 0.55; } }
@media (max-width: 47.99rem) { .theme-light .charging-teaser > :not(.charging-teaser__map) { max-width: none; } }
.theme-light .care-teaser { background: oklch(0.965 0.015 250); }
.theme-light .care-teaser__link:hover, .theme-light .offer-card:hover .offer-card__title { color: var(--color-brand-blue); }

/* Quick links: light */
.theme-light .quick-links:not(.quick-links--hero) { background: var(--color-surface); border-top: 1px solid var(--color-line); border-bottom: 0; }
.theme-light .quick-links:not(.quick-links--hero) .quick-links__item { background: var(--color-surface); border-color: var(--color-line); color: var(--color-text); }
.theme-light .quick-links:not(.quick-links--hero) .quick-links__icon { background: oklch(0.95 0.03 253); color: var(--color-brand-blue); }
.theme-light .quick-links:not(.quick-links--hero) .quick-links__title { color: var(--color-brand-ink); }
.theme-light .quick-links:not(.quick-links--hero) :is(.quick-links__desc, .quick-links__arrow) { color: var(--color-text-muted); }
.theme-light .quick-links:not(.quick-links--hero) .quick-links__item:hover { background: oklch(0.975 0.012 253); border-color: var(--color-brand-blue); color: var(--color-text); }
.theme-light .quick-links:not(.quick-links--hero) .quick-links__item:hover .quick-links__arrow { color: var(--color-brand-blue); }

/* Footer: light body, single XCMG-blue CTA block */
.theme-light .site-footer { background: var(--color-canvas); color: var(--color-text-muted); border-top: 1px solid var(--color-line); }
.theme-light .site-footer__cta { margin-top: var(--space-7); padding: var(--space-7); background: var(--color-brand-blue); border-bottom: 0; box-shadow: inset 0 -4px 0 var(--color-accent-gold); }
.theme-light .site-footer__cta-title { color: var(--color-text-on-dark); }
.theme-light .site-footer__heading { color: var(--color-brand-ink); }
.theme-light .site-footer__link { color: var(--color-text-muted); }
.theme-light .site-footer__link:hover { color: var(--color-brand-blue); }
.theme-light .site-footer__social-link { border-color: var(--color-line-strong); color: var(--color-brand-ink); }
.theme-light .site-footer__social-link:hover { background: var(--color-brand-blue); border-color: var(--color-brand-blue); color: var(--color-text-on-dark); }
.theme-light .site-footer__legal { border-top-color: var(--color-line); }
.theme-light .site-footer__legal a { color: var(--color-text-muted); }
@media (max-width: 47.99rem) { .theme-light .site-footer__cta { padding: var(--space-6) var(--space-5); } }
.theme-light .offers__head .button--secondary { background: var(--color-brand-blue); color: var(--color-text-on-dark); }
.theme-light .offers__head .button--secondary:hover { background: var(--color-brand-blue-strong); }

/* ---- Site-wide: navy fills → XCMG blue ---------------------------------- */
.theme-light :is(.page-section--dark, .page-header--dark, .about-hero, .about-stats, .timeline, .anniversary, .territory, .lead-aside, .page-header--media, .hero-video) { background-color: var(--blue-deep); }
.theme-light .lead-aside__media { background: linear-gradient(180deg, oklch(0.42 0.14 253), var(--blue-deep)); }
.theme-light :is(.page-section--dark, .lead-aside) .contact-channels__link { background: var(--blue-deep); }
.theme-light :is(.page-section--dark, .lead-aside) .contact-channels__link:hover { background: var(--color-brand-blue); }
.theme-light .button--secondary { background: var(--color-brand-blue); color: var(--color-text-on-dark); }
.theme-light .button--secondary:hover { background: var(--color-brand-blue-strong); color: var(--color-text-on-dark); }
.theme-light .filter-tabs__indicator { background: var(--color-brand-blue); }
.theme-light .product-card__category { background: var(--color-brand-blue); }
.theme-light .data-table thead th { background: var(--color-brand-blue); }
.theme-light .mega-menu__aside { background: var(--blue-deep); box-shadow: inset 0 -3px 0 var(--color-accent-gold); }
.theme-light .mega-menu__aside .eyebrow { color: var(--color-accent-gold); }
.theme-light :is(.about-hero__title em, .lead-aside__steps li::before) { color: var(--color-accent-gold); }
.theme-light :is(.electric-band, .hero-video, .center-band, .page-section--brand, .page-section--dark, .page-header--dark, .page-header--media, .about-hero, .about-stats, .timeline, .anniversary, .territory, .lead-aside, .site-footer__cta, .mega-menu__aside) .button--secondary { background: var(--color-text-on-dark); color: var(--color-brand-blue); }
.theme-light :is(.electric-band, .hero-video, .center-band, .page-section--brand, .page-section--dark, .page-header--dark, .page-header--media, .about-hero, .about-stats, .timeline, .anniversary, .territory, .lead-aside, .site-footer__cta, .mega-menu__aside) .button--secondary:hover { background: oklch(0.93 0.02 253); color: var(--color-brand-blue-strong); }

/* ---- Hexagon halftone accent (bottom-right fade, behind visuals not text), echoes XCMG global site ---- */
.theme-light :is(.page-header--products, .model-hero) { background: url('../img/hex-halftone-r.svg') right bottom / clamp(18rem, 32vw, 32.5rem) auto no-repeat, linear-gradient(180deg, oklch(0.9 0.02 245) 0%, oklch(0.95 0.012 245) 55%, oklch(0.98 0.005 245) 100%); }
.theme-light .page-header:not(.page-header--products):not(.page-header--dark):not(.page-header--media) { background: url('../img/hex-halftone-r.svg') right bottom / clamp(18rem, 32vw, 32.5rem) auto no-repeat, var(--color-canvas); }
.theme-light .ev-tools { background-image: url('../img/hex-halftone-r.svg'), linear-gradient(135deg, oklch(0.96 0.008 245) 0%, oklch(0.92 0.015 245) 100%); background-position: right bottom, 0 0; background-size: clamp(16rem, 28vw, 28rem) auto, auto; background-repeat: no-repeat; }
.theme-light .contact-form-band { background: url('../img/hex-halftone-r.svg') right bottom / clamp(18rem, 32vw, 32.5rem) auto no-repeat, var(--color-subtle); }