/* White storefront theme — dark text, visible product photos, brand-safe contrast */
html.theme-light,
body.theme-light {
    --page-bg: #ffffff;
    --page-bg-soft: #f5f6f8;
    --text-main: #111827;
    --text-muted: #4b5563;
    --card-bg: #ffffff;
    --nav-bg: #ffffff;
    --line: #e5e7eb;
    --racing-white: #111827;
    --neon-yellow: #b45309;
    --carbon-grey: #e5e7eb;
    background: var(--page-bg) !important;
    color: var(--text-main) !important;
}

body.theme-light {
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fafc 55%, #ffffff 100%) !important;
}

body.theme-light .navbar,
body.theme-light .nav-container,
body.theme-light .nav-menu {
    overflow: visible !important;
}

body.theme-light .navbar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 2px solid var(--racing-red);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

body.theme-light .nav-logo {
    background: #111827;
    border-radius: 10px;
    padding: 4px 8px;
}

body.theme-light .nav-logo img {
    max-width: 132px;
    height: 40px;
    object-fit: contain;
}

body.theme-light .nav-link,
body.theme-light .nav-dropdown-link,
body.theme-light .nav-auth-link,
body.theme-light .cart-icon,
body.theme-light .mobile-menu-toggle {
    color: #111827 !important;
}

body.theme-light .nav-dropdown-link {
    font-weight: 600;
    border-bottom-color: #e5e7eb;
}

body.theme-light .nav-auth-link,
body.theme-light .mobile-menu-toggle {
    border-color: #d1d5db;
    background: #ffffff;
}

body.theme-light .nav-link:hover,
body.theme-light .nav-dropdown-link:hover {
    color: var(--racing-red) !important;
}

body.theme-light .nav-dropdown,
body.theme-light .mobile-menu {
    background: #ffffff !important;
    border: 1px solid var(--line);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

body.theme-light .mobile-nav-menu a {
    color: #111827 !important;
}

body.theme-light .section-title {
    color: #111827 !important;
    text-shadow: none;
}

body.theme-light .collections,
body.theme-light .products,
body.theme-light .events,
body.theme-light .explore,
body.theme-light .catalogues,
body.theme-light .membership,
body.theme-light .contact,
body.theme-light .video,
body.theme-light .size-guide,
body.theme-light footer,
body.theme-light .about {
    background: #ffffff !important;
    color: #111827 !important;
}

body.theme-light .collection-card,
body.theme-light .catalogue-card,
body.theme-light .event-card,
body.theme-light .membership-card,
body.theme-light .contact-form,
body.theme-light .cart-modal-content,
body.theme-light .modal-content {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

body.theme-light .collection-content h3,
body.theme-light h2.section-title,
body.theme-light .shop-brand-bar h1 {
    color: #111827 !important;
    text-shadow: none;
}

body.theme-light .hero-carousel h1,
body.theme-light .carousel-text h1,
body.theme-light .hero-text h1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}

body.theme-light .carousel-text p,
body.theme-light .hero-text p {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}

body.theme-light .hero-carousel .btn-secondary {
    color: #111827 !important;
    background: #ffffff !important;
}

body.theme-light .collection-content p,
body.theme-light .products p,
body.theme-light .collections p,
body.theme-light label,
body.theme-light .option-label,
body.theme-light .zk-sch-label,
body.theme-light small {
    color: #4b5563 !important;
}

body.theme-light .product-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

body.theme-light .product-image,
body.theme-light .collection-image,
body.theme-light .catalogue-image {
    background-color: #f8fafc !important;
    filter: none !important;
}

body.theme-light .product-card[data-white-photo="1"] .product-image,
body.theme-light .product-card[data-white-photo="1"] .product-image-container {
    background-color: #ffffff !important;
}

body.theme-light .image-zoom-modal.image-zoom-modal--white {
    background-color: rgba(255, 255, 255, 0.96) !important;
}

body.theme-light .image-zoom-modal.image-zoom-modal--white .zoom-image {
    background-color: #ffffff !important;
}

body.theme-light .collections-collab-logo {
    display: flex;
    justify-content: center;
    margin: 0 auto 2.5rem;
    max-width: min(720px, 100%);
    padding: 1rem 1.5rem;
    background: #111827;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}

body.theme-light .collections-collab-logo img {
    max-height: 80px;
    width: auto;
    max-width: 100%;
    opacity: 1;
    filter: none;
}

body.theme-light .product-name,
body.theme-light .product-price,
body.theme-light .collection-content h3,
body.theme-light .catalogue-card h3,
body.theme-light .video-content h2,
body.theme-light .video-content h3,
body.theme-light .size-guide h3,
body.theme-light .size-guide h2 {
    color: #111827 !important;
}

body.theme-light .product-description,
body.theme-light .product-category,
body.theme-light .video-content p,
body.theme-light .size-guide p,
body.theme-light .catalogue-card p {
    color: #4b5563 !important;
}

body.theme-light .btn-secondary {
    color: #111827 !important;
    background: #ffffff;
}

body.theme-light input,
body.theme-light select,
body.theme-light textarea {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
}

body.theme-light input::placeholder,
body.theme-light textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1;
}

body.theme-light .product-price,
body.theme-light .product-category,
body.theme-light .cart-item-price {
    color: #dc2626 !important;
}

body.theme-light .zk-sch-label {
    color: #6b7280 !important;
}

body.theme-light .catalogue-overlay,
body.theme-light .catalogue-overlay h3,
body.theme-light .catalogue-overlay p,
body.theme-light .catalogue-card h3,
body.theme-light .video-overlay,
body.theme-light .video-info,
body.theme-light .video-info h3,
body.theme-light .video-info p {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

body.theme-light .btn-primary,
body.theme-light .collection-btn,
body.theme-light .submit-btn,
body.theme-light .remove-item-btn,
body.theme-light .product-badge,
body.theme-light .play-button,
body.theme-light .catalogue-modal-header,
body.theme-light .catalogue-modal-header *,
body.theme-light .size-guide-modal-header,
body.theme-light .size-guide-modal-header *,
body.theme-light .zoom-btn,
body.theme-light .carousel-nav {
    color: #ffffff !important;
}

body.theme-light .cart-count {
    color: #ffffff !important;
}

body.theme-light .shop-brand-bar {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: min(1200px, calc(100% - 2rem));
    margin: 6.5rem auto 0;
    padding: 1rem 1.5rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
    overflow: hidden;
}

body.theme-light .shop-brand-bar img {
    max-width: min(280px, 55vw);
    height: auto;
    max-height: 56px;
    width: auto;
    object-fit: contain;
}

body.theme-light .shop-brand-bar h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.35rem;
    margin: 0 0 0.2rem;
}

body.theme-light .shop-brand-bar p {
    margin: 0;
    font-size: 0.95rem;
}

body.theme-light.shop-mode .shop-hide-on-brand {
    display: none !important;
}

body.theme-light .notification {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #fecaca;
}

body.theme-light .size-option,
body.theme-light .color-option,
body.theme-light .type-option,
body.theme-light .gender-option {
    color: #111827;
}

body.theme-light .cart-modal {
    background: rgba(15, 23, 42, 0.45) !important;
}

body.theme-light .cart-content {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
}

body.theme-light .cart-header,
body.theme-light .cart-footer {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

body.theme-light .cart-header h3,
body.theme-light .cart-total,
body.theme-light .cart-item-info h4,
body.theme-light .customer-info-section h4,
body.theme-light .customer-form label,
body.theme-light #cart-items > p,
body.theme-light .cart-empty-message {
    color: #111827 !important;
}

body.theme-light .cart-item {
    background: #f8fafc !important;
    color: #111827 !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 12px;
    padding: 0.85rem 1rem;
    margin-bottom: 0.65rem;
    gap: 0.85rem;
}

body.theme-light .cart-item-info p,
body.theme-light #promo-applied {
    color: #4b5563 !important;
}

body.theme-light .cart-item-thumb {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    flex: 0 0 64px;
}

body.theme-light #promo-code-input {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
}

body.theme-light .zk-sch-date {
    color: #b45309 !important;
    text-shadow: none !important;
}

body.theme-light .event-card,
body.theme-light .event-card h3,
body.theme-light .event-card p,
body.theme-light .explore-content h2,
body.theme-light .explore-content p,
body.theme-light .membership h2,
body.theme-light .membership p,
body.theme-light .contact-info h2,
body.theme-light .contact-info p,
body.theme-light footer,
body.theme-light footer h3,
body.theme-light footer p,
body.theme-light footer a {
    color: #111827 !important;
    text-shadow: none;
}

body.theme-light .event-card p,
body.theme-light .explore-content p,
body.theme-light .membership p,
body.theme-light .contact-info p,
body.theme-light footer p {
    color: #4b5563 !important;
}

@media (max-width: 768px) {
    body.theme-light .shop-brand-bar {
        margin-top: 5.5rem;
        flex-direction: column;
        text-align: center;
    }
}