/* Light theme — active when */
html[data-theme="light"] {
--card-bg: #fff;
}
html[data-theme="light"] body {
background: #fff;
color: #1a1a1f;
}
/* Header top stays dark in light theme */
html[data-theme="light"] .site-header {
color: #fff;
}
html[data-theme="light"] .site-header .nav-main a:hover,
html[data-theme="light"] .site-header .mobile-nav a:hover {
color: var(--brand-red);
}
html[data-theme="light"] .site-header .logo-tag {
color: rgba(255, 255, 255, 0.7);
}
html[data-theme="light"] .site-header .menu-toggle {
color: #fff;
}
html[data-theme="light"] .site-header-v2 .site-mainbar .menu-toggle {
color: #1f2937;
}
html[data-theme="light"] .mfr-strip {
background: #f8f9fb;
border-color: #e5e7eb;
}
html[data-theme="light"] .mfr-strip a {
color: #374151;
}
html[data-theme="light"] .offers {
background: #f8f9fb;
border-top-color: #e5e7eb;
}
html[data-theme="light"] .offers-title {
color: #1a1a1f;
}
html[data-theme="light"] .offers-empty,
html[data-theme="light"] .page-muted {
color: #6b7280;
}
html[data-theme="light"] .offer-card {
background: #fff;
border-color: #e5e7eb;
color: #1a1a1f;
}
html[data-theme="light"] .offer-card:hover {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .offer-brand {
color: #6b7280;
}
html[data-theme="light"] .offer-prices {
border-top-color: #e5e7eb;
}
html[data-theme="light"] .offer-prices small,
html[data-theme="light"] .offer-foot {
color: #6b7280;
}
html[data-theme="light"] .ctrl-round {
border-color: #d1d5db;
color: #1a1a1f;
}
html[data-theme="light"] .ctrl-round:hover {
border-color: #1a1a1f;
background: rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .hero-controls .ctrl-round {
border-color: rgba(255,255,255,.72);
color: #fff;
background: rgba(8, 12, 18, .42);
box-shadow: 0 3px 10px rgba(0,0,0,.32);
}
html[data-theme="light"] .hero-controls .ctrl-round:hover {
border-color: #fff;
background: rgba(224, 0, 0, .9);
}
html[data-theme="light"] .back-link {
color: #6b7280;
}
html[data-theme="light"] .back-link:hover {
color: #1a1a1f;
}
/* Brand / listing pages */
html[data-theme="light"] .breadcrumb-bar {
background: #f8f9fb;
border-bottom: 1px solid #e5e7eb;
}
html[data-theme="light"] .breadcrumb-bar .container {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
html[data-theme="light"] .breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
list-style: none;
margin: 0;
padding: 0;
font-size: 0.75rem;
color: #6b7280;
}
html[data-theme="light"] .breadcrumb a:hover {
color: #1a1a1f;
}
html[data-theme="light"] .breadcrumb-sep,
html[data-theme="light"] .breadcrumb-current {
color: #1a1a1f;
}
html[data-theme="light"] .brand-offers {
padding-top: 3rem;
}
html[data-theme="light"] .pagination-wrap {
color: #6b7280;
}
html[data-theme="light"] .pagination-wrap a {
color: #1a1a1f;
}
html[data-theme="light"] .pagination-wrap a:hover {
color: var(--brand-red);
}
/* Dark theme: breadcrumb on brand page stays subtle on black */
html[data-theme="dark"] .breadcrumb-bar {
background: #0a0a0c;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .breadcrumb-bar .container {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
html[data-theme="dark"] .breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
list-style: none;
margin: 0;
padding: 0;
font-size: 0.75rem;
color: rgba(255, 255, 255, 0.5);
}
html[data-theme="dark"] .breadcrumb a:hover {
color: #fff;
}
html[data-theme="dark"] .breadcrumb-sep,
html[data-theme="dark"] .breadcrumb-current {
color: rgba(255, 255, 255, 0.85);
}
html[data-theme="dark"] .page-muted {
color: rgba(255, 255, 255, 0.6);
}
html[data-theme="dark"] .pagination-wrap {
color: rgba(255, 255, 255, 0.7);
}
.brand-grid-wrap {
display: grid;
gap: 1.5rem;
padding-bottom: 0;
}
html[data-theme="light"] section.car-listings.offers {
background: #fff;
}
.brand-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.5rem;
}
.brand-back-btn {
display: inline-flex;
margin-top: 1rem;
}
/* CMS pages */
html[data-theme="light"] .cms-page {
background: #fff;
color: #1a1a1f;
}
html[data-theme="light"] .cms-breadcrumb,
html[data-theme="light"] .cms-body,
html[data-theme="light"] .cms-intro {
color: #374151;
}
html[data-theme="light"] .cms-body h2,
html[data-theme="light"] .cms-body h3,
html[data-theme="light"] .cms-intro h2,
html[data-theme="light"] .cms-intro h3 {
color: #1a1a1f;
}
html[data-theme="light"] .cms-body a:hover,
html[data-theme="light"] .cms-intro a:hover {
color: #1a1a1f;
}
html[data-theme="light"] .cms-breadcrumb a:hover {
color: #1a1a1f;
}
html[data-theme="light"] .blog-card {
background: #fff;
border-color: #e5e7eb;
}
html[data-theme="light"] .blog-card-excerpt,
html[data-theme="light"] .blog-card-date,
html[data-theme="light"] .blog-card-more,
html[data-theme="light"] .cms-back a,
html[data-theme="light"] .cms-pagination {
color: #6b7280;
}
html[data-theme="light"] .contact-card {
background: #f8f9fb;
border-color: #e5e7eb;
}
html[data-theme="light"] .contact-card p {
color: #374151;
}
html[data-theme="light"] .contact-map-card {
background: #f8f9fb;
border-color: #e5e7eb;
}
html[data-theme="light"] .contact-map-frame {
border-color: #e5e7eb;
background: #fff;
}
html[data-theme="light"] .contact-map-link {
color: #374151;
}
html[data-theme="light"] .contact-map-link:hover {
color: var(--brand-red);
}
/* Banner slideshows */
html[data-theme="light"] .banner-slideshow {
border-top-color: #e5e7eb;
border-bottom-color: #e5e7eb;
}
html[data-theme="light"] .banner-slideshow--mid {
background: #f3f4f6;
}
/* Manufacturers module */
html[data-theme="light"] .manufacturers-section {
background: #f1f5f9;
border-top-color: rgba(15, 23, 42, 0.06);
border-bottom-color: rgba(15, 23, 42, 0.06);
}
html[data-theme="light"] .home-section-title,
html[data-theme="light"] .manufacturers-head h2 {
color: #1f2937;
}
html[data-theme="light"] .manufacturer-item {
background: rgba(255, 255, 255, 0.85);
border-color: rgba(15, 23, 42, 0.08);
}
html[data-theme="light"] .manufacturers-nav {
color: #475569;
}
html[data-theme="light"] .manufacturers-nav:hover {
color: var(--brand-red);
}
html[data-theme="light"] .manufacturers-dot {
background: rgba(15, 23, 42, 0.2);
}
html[data-theme="light"] .manufacturers-dot:hover:not(.is-active) {
background: rgba(15, 23, 42, 0.35);
}
/* Find us module */
html[data-theme="light"] .find-us {
background: #fff;
border-top-color: #e5e7eb;
}
html[data-theme="light"] .find-us-subtitle {
color: #6b7280;
}
html[data-theme="light"] .find-us-foot {
background: #f8f9fb;
border-color: rgba(224, 0, 0, 0.35);
}
html[data-theme="light"] .site-header-v2 .site-topbar {
background: #131722;
}
html[data-theme="light"] .site-mainbar {
background: #f1f3f5;
}
html[data-theme="light"] .site-header-v2 .site-mainbar .nav-main a {
color: #1f2937;
}
html[data-theme="light"] .site-header-v2 .site-mainbar .nav-main a:hover {
background: var(--brand-red);
color: #fff;
}
html[data-theme="light"] .site-header-v2 .site-mainbar .nav-main a:focus-visible {
background: var(--brand-red);
color: #fff;
}
html[data-theme="light"] .site-header-v2 .site-mainbar .nav-main a.is-active {
background: var(--brand-red);
color: #fff;
}
html[data-theme="light"] .site-header-v2 .site-mainbar .lang-switch-link {
opacity: 1;
}
html[data-theme="light"] .listing-filters-toggle {
border: 1px solid #c5ccd6;
background: #fff;
color: #374151;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
html[data-theme="light"] .listing-filters-toggle:hover {
border-color: #9ca3af;
background: #f3f4f6;
color: #111827;
}
html[data-theme="light"] .listing-filters-toggle:focus-visible {
outline: 2px solid var(--brand-red);
outline-offset: 2px;
}
html[data-theme="light"] .listing-view-toggle {
border: 1px solid #d1d5db;
border-radius: .25rem;
background: #fff;
padding: .15rem .25rem;
}
html[data-theme="light"] .listing-view-toggle a {
color: #374151;
background: transparent;
}
html[data-theme="light"] .listing-view-toggle a:hover {
color: #111827;
}
html[data-theme="light"] .listing-view-toggle a.is-active {
color: var(--brand-red);
}
html[data-theme="light"] .listing-results-head select {
border-color: #d1d5db;
background: #fff;
color: #374151;
}
html[data-theme="light"] body.page-home #offers .offers-eyebrow {
color: #000;
}
html[data-theme="light"] .vehicle-row {
background: #fff;
border-color: #e5e7eb;
}
html[data-theme="light"] .vehicle-row-title,
html[data-theme="light"] .vehicle-row-price {
color: #111827;
}
html[data-theme="light"] .vehicle-row-meta {
color: #6b7280;
}