/* BASE LIGHT THEME RESETS AND AGE GATE FIX */
#ageGateModal, #underAgeScreen {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    background: rgba(0,0,0,0.35) !important;
    align-items: center !important;
    justify-content: center !important;
    backdrop-filter: blur(4px) !important;
}
#ageGateModal:not(.hidden), #underAgeScreen:not(.hidden) {
    display: flex !important;
}
#ageGateModal.hidden, #underAgeScreen.hidden {
    display: none !important;
}
/* Ensure the JS display: none takes effect too */
#ageGateModal[style*="display: none"], #underAgeScreen[style*="display: none"] {
    display: none !important;
}
#ageGateModal .modal-content, #underAgeScreen .modal-content, .modal-dialog, .age-verification-box {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    padding: 2rem !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border-glass) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    max-width: 90% !important;
}
#ageGateModal h1, #ageGateModal h2, #ageGateModal h3, #ageGateModal p, 
#underAgeScreen h1, #underAgeScreen h2, #underAgeScreen p {
    color: var(--text-primary) !important;
    text-shadow: none !important;
}
/* Ensure the page is light and readable globally */
body { background: var(--bg-main) !important; color: var(--text-primary) !important; font-family: var(--font-body) !important;}
header, .site-header, .header, #siteHeader { background: var(--bg-glass) !important; border-bottom: 1px solid var(--border-glass) !important; color: var(--text-primary) !important;}
.product-card, .collection-card, .card { background: var(--bg-card) !important; border: 1px solid var(--border-glass) !important; border-radius: var(--radius-md) !important; color: var(--text-primary) !important;}
.product-card:hover { background: var(--bg-card-hover) !important; box-shadow: 0 4px 12px var(--border-glow) !important; }
.btn, .btn-primary, button { background: var(--neon-cyan) !important; color: #ffffff !important; font-weight: 600 !important; border: none !important; text-shadow: none !important; box-shadow: none !important;}
.btn:hover, button:hover { background: var(--neon-purple) !important; box-shadow: 0 4px 12px var(--neon-cyan-glow) !important; }
a { color: var(--neon-purple) !important; text-decoration: none !important;}
a:hover { color: var(--neon-cyan) !important; }
.header a, .nav a, .menu a { color: var(--text-primary) !important; }
h1, h2, h3, h4, h5, h6 { color: var(--text-primary) !important; font-family: var(--font-display) !important; text-shadow: none !important;}
.price, .product-price { color: var(--text-primary) !important; font-weight: bold !important; }
.old-price { color: var(--text-muted) !important; text-decoration: line-through !important; }
.badge, .sale-badge { background: var(--neon-magenta) !important; color: #fff !important; }

/* THEME VARIABLES OVERRIDE (ALL LIGHT THEMES) */
:root {

  --bg-main: #FFFDF9;
  --bg-card: #FFFDF9;
  --bg-card-hover: #F7F1EC;
  --bg-glass: #FFFDF9;
  --border-glass: #E5D9D2;
  --border-glow: rgba(122, 38, 58, 0.1);
  --neon-cyan: #7A263A;
  --neon-cyan-glow: rgba(122, 38, 58, 0.2);
  --neon-purple: #5A1C2B;
  --neon-magenta: #B8897A;
  --text-primary: #211A19;
  --text-secondary: #5D5451;
  --text-muted: #8A817D;
  --font-display: 'Georgia', serif;
  --font-body: 'Helvetica', sans-serif;
  --radius-md: 0px;
        \n}\n

/* CHECKOUT AND MODAL TEXT VISIBILITY FIX */
.modal-dialog, .modal-content, .checkout-dialog {
    color: var(--text-primary) !important;
}
.modal-dialog h1, .modal-dialog h2, .modal-dialog h3, .modal-dialog h4, .modal-dialog h5, .modal-dialog h6, .checkout-header h2 {
    color: var(--text-primary) !important;
}
.modal-dialog p, .checkout-header p, .modal-dialog span:not(.btn span), .modal-dialog div, .modal-dialog label {
    color: var(--text-secondary) !important;
}
.modal-dialog .form-group input, .modal-dialog .form-group select, .modal-dialog .coupon-box input, .modal-dialog .pincode-input-box input {
    background: transparent !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-glass) !important;
}
.modal-dialog .form-group input::placeholder, .modal-dialog .coupon-box input::placeholder, .modal-dialog .pincode-input-box input::placeholder {
    color: var(--text-muted) !important;
}
.modal-dialog .payment-radio, .modal-dialog .age-declaration-check, .modal-dialog .radio-label, .modal-dialog .checkbox-label {
    color: var(--text-primary) !important;
}
.modal-dialog .total-row, .modal-dialog .payable-amount, .modal-dialog .price-label, .modal-dialog .cart-item-price {
    color: var(--text-primary) !important;
}
.modal-dialog .modal-close-btn, .modal-dialog .cart-close-btn {
    color: var(--text-primary) !important;
}
.modal-dialog .btn, .modal-dialog .btn-primary, .modal-dialog button, .modal-dialog .btn * {
    color: #ffffff !important;
}