/*
==================================================
 ZXUS GLOBAL THEME
 This file contains LIGHT MODE overrides only.
 DARK MODE remains controlled by the existing CSS.
==================================================
*/

html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="light"] body {
    background: #ffffff !important;
    color: #111111 !important;
}

/* -----------------------------------------------
   Common headers
------------------------------------------------ */
html[data-theme="light"] .about-header,
html[data-theme="light"] .books-header,
html[data-theme="light"] .checkout-header,
html[data-theme="light"] .login-header,
html[data-theme="light"] .novels-header,
html[data-theme="light"] .points-header,
html[data-theme="light"] .orders-header,
html[data-theme="light"] .product-header,
html[data-theme="light"] .support-header,
html[data-theme="light"] .top-header {
    background: rgba(255, 255, 255, 0.97) !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.09) !important;
}

/* -----------------------------------------------
   Common text
------------------------------------------------ */
html[data-theme="light"] .about-hero p,
html[data-theme="light"] .about-card > p,
html[data-theme="light"] .feature-item p,
html[data-theme="light"] .value-box span,
html[data-theme="light"] .roadmap-item p,
html[data-theme="light"] .about-version p,
html[data-theme="light"] .books-brand small,
html[data-theme="light"] .books-title p,
html[data-theme="light"] .books-section-head span,
html[data-theme="light"] .zx-book-info p,
html[data-theme="light"] .novels-brand small,
html[data-theme="light"] .novels-title p,
html[data-theme="light"] .novels-section-head span,
html[data-theme="light"] .zx-novel-info p,
html[data-theme="light"] .checkout-title p,
html[data-theme="light"] .section-heading small,
html[data-theme="light"] .form-group label,
html[data-theme="light"] .login-intro p,
html[data-theme="light"] .register-intro p,
html[data-theme="light"] .support-intro p,
html[data-theme="light"] .support-card-header p,
html[data-theme="light"] .support-empty p,
html[data-theme="light"] .points-description,
html[data-theme="light"] .points-label,
html[data-theme="light"] .points-card p,
html[data-theme="light"] .orders-container,
html[data-theme="light"] .product-description {
    color: #666666 !important;
}

/* -----------------------------------------------
   Generic cards / panels
------------------------------------------------ */
html[data-theme="light"] .about-card,
html[data-theme="light"] .value-box,
html[data-theme="light"] .feature-item,
html[data-theme="light"] .roadmap-item,
html[data-theme="light"] .books-section,
html[data-theme="light"] .zx-book-card,
html[data-theme="light"] .zx-book-week,
html[data-theme="light"] .novel-category,
html[data-theme="light"] .zx-novel-card,
html[data-theme="light"] .featured-novel,
html[data-theme="light"] .checkout-form-card,
html[data-theme="light"] .checkout-summary,
html[data-theme="light"] .payment-option,
html[data-theme="light"] .payment-box,
html[data-theme="light"] .login-card,
html[data-theme="light"] .register-card,
html[data-theme="light"] .support-card,
html[data-theme="light"] .support-ticket,
html[data-theme="light"] .faq-card,
html[data-theme="light"] .points-card,
html[data-theme="light"] .earn-card,
html[data-theme="light"] .level-card,
html[data-theme="light"] .history-item,
html[data-theme="light"] .order-card,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .product-image-box,
html[data-theme="light"] .product-info {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.09) !important;
}

/* -----------------------------------------------
   About
------------------------------------------------ */
html[data-theme="light"] .about-hero,
html[data-theme="light"] .about-page {
    color: #111111 !important;
}

html[data-theme="light"] .about-hero h1,
html[data-theme="light"] .about-card h2,
html[data-theme="light"] .feature-item h3,
html[data-theme="light"] .value-box strong,
html[data-theme="light"] .roadmap-item h3,
html[data-theme="light"] .about-version strong {
    color: #111111 !important;
}

/* -----------------------------------------------
   Books / Novels
   Decorative book-cover gradients are intentionally
   NOT overridden.
------------------------------------------------ */
html[data-theme="light"] .books-main,
html[data-theme="light"] .novels-main {
    color: #111111 !important;
}

html[data-theme="light"] .books-title h1,
html[data-theme="light"] .novels-title h1,
html[data-theme="light"] .books-section-head h2,
html[data-theme="light"] .novels-section-head h2,
html[data-theme="light"] .zx-book-info h3,
html[data-theme="light"] .zx-novel-info h3,
html[data-theme="light"] .featured-novel-content h2 {
    color: #111111 !important;
}

html[data-theme="light"] .books-search-area,
html[data-theme="light"] .novels-search-area,
html[data-theme="light"] .book-category,
html[data-theme="light"] .novel-category {
    background: #f5f5f5 !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}

html[data-theme="light"] .books-search-area input,
html[data-theme="light"] .novels-search-area input {
    color: #111111 !important;
}

html[data-theme="light"] .books-search-area input::placeholder,
html[data-theme="light"] .novels-search-area input::placeholder {
    color: #888888 !important;
}

/* -----------------------------------------------
   Checkout
------------------------------------------------ */
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group textarea,
html[data-theme="light"] .form-group select {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme="light"] .form-group input::placeholder,
html[data-theme="light"] .form-group textarea::placeholder {
    color: #888888 !important;
}

html[data-theme="light"] .summary-head h2,
html[data-theme="light"] .summary-row,
html[data-theme="light"] .summary-total,
html[data-theme="light"] .checkout-title h1,
html[data-theme="light"] .section-heading h2 {
    color: #111111 !important;
}

/* -----------------------------------------------
   Login / Register
------------------------------------------------ */
html[data-theme="light"] .login-page,
html[data-theme="light"] .register-page {
    color: #111111 !important;
}

html[data-theme="light"] .login-intro h1,
html[data-theme="light"] .register-intro h1,
html[data-theme="light"] .login-card h2,
html[data-theme="light"] .register-card h2 {
    color: #111111 !important;
}

html[data-theme="light"] .login-card input,
html[data-theme="light"] .register-card input,
html[data-theme="light"] .login-card select,
html[data-theme="light"] .register-card select {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme="light"] .login-card input::placeholder,
html[data-theme="light"] .register-card input::placeholder {
    color: #888888 !important;
}

html[data-theme="light"] .register-box,
html[data-theme="light"] .login-box {
    color: #555555 !important;
}

/* -----------------------------------------------
   Points
------------------------------------------------ */
html[data-theme="light"] .points-main,
html[data-theme="light"] .points-welcome,
html[data-theme="light"] .points-section,
html[data-theme="light"] .section-heading {
    color: #111111 !important;
}

html[data-theme="light"] .points-welcome h1,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .earn-card h3,
html[data-theme="light"] .level-content strong,
html[data-theme="light"] .history-details strong {
    color: #111111 !important;
}

html[data-theme="light"] .earn-card p,
html[data-theme="light"] .level-content span,
html[data-theme="light"] .history-details small {
    color: #666666 !important;
}

/* -----------------------------------------------
   Support
------------------------------------------------ */
html[data-theme="light"] .support-intro h1,
html[data-theme="light"] .support-card-header h2,
html[data-theme="light"] .ticket-title {
    color: #111111 !important;
}

html[data-theme="light"] .support-card input,
html[data-theme="light"] .support-card select,
html[data-theme="light"] .support-card textarea {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
}

html[data-theme="light"] .support-card input::placeholder,
html[data-theme="light"] .support-card textarea::placeholder {
    color: #888888 !important;
}

/* -----------------------------------------------
   Orders
------------------------------------------------ */
html[data-theme="light"] .orders-header,
html[data-theme="light"] .orders-container {
    color: #111111 !important;
}

html[data-theme="light"] .order-number,
html[data-theme="light"] .order-date,
html[data-theme="light"] .order-total,
html[data-theme="light"] .details-value,
html[data-theme="light"] .details-product-name {
    color: #111111 !important;
}

html[data-theme="light"] .order-date,
html[data-theme="light"] .order-total-label,
html[data-theme="light"] .details-label,
html[data-theme="light"] .details-product-meta,
html[data-theme="light"] .empty-orders p {
    color: #666666 !important;
}

/* -----------------------------------------------
   Product
------------------------------------------------ */
html[data-theme="light"] .product-header h1,
html[data-theme="light"] .product-info h2,
html[data-theme="light"] .product-price {
    color: #111111 !important;
}

/* -----------------------------------------------
   Common controls
------------------------------------------------ */
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .back-btn,
html[data-theme="light"] .header-cart-btn,
html[data-theme="light"] .back-cart-btn,
html[data-theme="light"] .header-btn,
html[data-theme="light"] .cart-btn,
html[data-theme="light"] .product-header .icon-btn,
html[data-theme="light"] .product-header .cart-btn {
    background: #f5f5f5 !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}

/* -----------------------------------------------
   Bottom navigation
------------------------------------------------ */
html[data-theme="light"] .bottom-nav {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top-color: rgba(0, 0, 0, 0.10) !important;
}

html[data-theme="light"] .bottom-nav .nav-item {
    color: #777777 !important;
}

html[data-theme="light"] .bottom-nav .nav-item.active,
html[data-theme="light"] .bottom-nav .nav-item:hover,
html[data-theme="light"] .bottom-nav .nav-item:active {
    color: #111111 !important;
}

/* -----------------------------------------------
   General form controls
------------------------------------------------ */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    color-scheme: light;
}

/* -----------------------------------------------
   Empty states
------------------------------------------------ */
html[data-theme="light"] .books-no-results,
html[data-theme="light"] .novels-no-results,
html[data-theme="light"] .checkout-empty,
html[data-theme="light"] .support-empty,
html[data-theme="light"] .empty-orders,
html[data-theme="light"] .history-empty {
    color: #111111 !important;
}

html[data-theme="light"] .books-no-results p,
html[data-theme="light"] .novels-no-results p,
html[data-theme="light"] .checkout-empty p,
html[data-theme="light"] .support-empty p,
html[data-theme="light"] .empty-orders p,
html[data-theme="light"] .history-empty p {
    color: #666666 !important;
}

/* =====================================================
   SUPPORT — LIGHT MODE BACK BUTTON
   Isolated override
===================================================== */

html[data-theme="light"] .back-profile-btn {
    background: #f5f5f5 !important;
    color: #111111 !important;
    border-color: rgba(0,0,0,.14) !important;
}

html[data-theme="light"] .back-profile-btn:hover {
    background: #eeeeee !important;
    color: #111111 !important;
}