/* Light theme overrides for public site */

body.theme-light {
  --bg: #f7f7f7;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --card: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: #e5e7eb;
  --brand: #2f855a;
  --brand-2: #2563eb;
  color: var(--text);
  background: #f7f7f7;
  color-scheme: light;
}

/* Force readable text colors on light theme */
body.theme-light :where(h1,h2,h3,h4,h5,h6,p,span,li,small,label,div,td,th) {
  color: var(--text) !important;
}
body.theme-light a {
  color: var(--brand-2) !important;
}
body.theme-light a:hover {
  color: #1d4ed8 !important;
}

body.theme-light header,
body.theme-light header * {
  color: var(--text) !important;
}

/* Hamburger (mobile menu button) */
body.theme-light .hamburger {
  color: var(--text) !important;
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
}

/* Make native selects readable on light theme */
body.theme-light select,
body.theme-light option,
body.theme-light optgroup,
body.theme-light .navbar select,
body.theme-light .navbar select option,
body.theme-light .navbar select optgroup,
body.theme-light .menu-drawer select,
body.theme-light .menu-drawer select option,
body.theme-light .menu-drawer select optgroup,
body.theme-light #currency_choice,
body.theme-light #currency_choice option,
body.theme-light #currency_choice optgroup,
body.theme-light #country_choice,
body.theme-light #country_choice option,
body.theme-light #country_choice optgroup {
  background: #ffffff !important;
  color: var(--text) !important;
}
body.theme-light .navbar select,
body.theme-light .menu-drawer select,
body.theme-light #currency_choice,
body.theme-light #country_choice {
  border-color: var(--border) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(17, 24, 39, 0.85) 50%),
    linear-gradient(135deg, rgba(17, 24, 39, 0.85) 50%, transparent 50%) !important;
}
body.theme-light header select[name="currency"],
body.theme-light header select[name="currency"] option,
body.theme-light header select[name="currency"] optgroup,
body.theme-light .menu-drawer select[name="currency"],
body.theme-light .menu-drawer select[name="currency"] option,
body.theme-light .menu-drawer select[name="currency"] optgroup {
  background: #ffffff !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  color-scheme: light;
}
body.theme-light select:focus {
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}

body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light h4,
body.theme-light h5,
body.theme-light h6,
body.theme-light p,
body.theme-light span,
body.theme-light li,
body.theme-light label,
body.theme-light small,
body.theme-light td,
body.theme-light th {
  color: var(--text);
}

body.theme-light .muted,
body.theme-light .page-sub,
body.theme-light .notifications-sub,
body.theme-light .reviews-sub,
body.theme-light .insta-sub,
body.theme-light .tab-count {
  color: var(--muted);
}

body.theme-light a {
  color: var(--brand-2);
}
body.theme-light a:hover {
  color: #1d4ed8;
}

body.theme-light header {
  background: rgba(255,255,255,0.92);
  border-bottom: 1px solid var(--border);
}
body.theme-light .navbar {
  color: var(--text) !important;
}
body.theme-light .nav-links a {
  color: var(--text) !important;
}
body.theme-light .nav-links a {
  border: 1px solid var(--border) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}
body.theme-light .nav-links a:hover {
  border-color: rgba(37, 99, 235, 0.35) !important;
  background: #f8fafc !important;
}
body.theme-light .menu-drawer,
body.theme-light .modal-content {
  background: #ffffff;
  color: var(--text);
  border: 1px solid var(--border);
}
body.theme-light .modal {
  background: rgba(15, 23, 42, 0.35);
}

body.theme-light input,
body.theme-light select,
body.theme-light textarea {
  background: #f3f4f6;
  color: var(--text) !important;
  border: 1px solid #d1d5db;
}
body.theme-light input,
body.theme-light select,
body.theme-light textarea,
body.theme-light input[type="text"],
body.theme-light input[type="tel"],
body.theme-light input[type="number"],
body.theme-light input[type="email"],
body.theme-light textarea {
  color: var(--text) !important;
  background: #f3f4f6 !important;
  -webkit-text-fill-color: var(--text) !important;
}

body.theme-light input[type="number"],
body.theme-light .qty-input {
  border: 2px solid #cbd5e1 !important;
  background: #ffffff !important;
  font-weight: 700 !important;
}
body.theme-light input[type="number"]:focus,
body.theme-light .qty-input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
}
body.theme-light input::placeholder,
body.theme-light textarea::placeholder {
  color: var(--muted);
}
body.theme-light input::placeholder,
body.theme-light textarea::placeholder,
body.theme-light select::placeholder {
  color: var(--muted) !important;
}
body.theme-light input:focus,
body.theme-light select:focus,
body.theme-light textarea:focus {
  border-color: rgba(37, 99, 235, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* Cart + checkout readability */
body.theme-light .cart-table,
body.theme-light .cart-table th,
body.theme-light .cart-table td,
body.theme-light .checkout-form,
body.theme-light .checkout-form label,
body.theme-light .checkout-form table,
body.theme-light .checkout-form td,
body.theme-light .checkout-form th {
  color: var(--text) !important;
}
body.theme-light .cart-table td a,
body.theme-light .cart-table td a:visited,
body.theme-light .cart-table td a:hover {
  color: var(--text) !important;
}
body.theme-light .cart-table th,
body.theme-light .checkout-form th {
  background: #f3f4f6 !important;
}
body.theme-light .cart-table,
body.theme-light .checkout-form table {
  background: #ffffff !important;
  border-color: var(--border) !important;
}
body.theme-light .cart-table tr,
body.theme-light .checkout-form table tr {
  background: #ffffff !important;
}
body.theme-light .cart-table tr:nth-child(even),
body.theme-light .checkout-form table tr:nth-child(even) {
  background: #f9fafb !important;
}

/* Quantity inputs */
body.theme-light input[type="number"],
body.theme-light .qty input,
body.theme-light .quantity input,
body.theme-light .qty-box input {
  color: var(--text) !important;
  background: #ffffff !important;
}

/* Summary blocks and totals */
body.theme-light .cart-summary,
body.theme-light .order-summary,
body.theme-light .summary,
body.theme-light .total,
body.theme-light .grand-total {
  color: var(--text) !important;
  background: #ffffff !important;
  border-color: var(--border) !important;
}

/* Cart labels and totals by id */
body.theme-light #items-total,
body.theme-light #discount-total,
body.theme-light #delivery-info,
body.theme-light #free-delivery-msg,
body.theme-light #grand-total,
body.theme-light #grand-total2,
body.theme-light #grand-total3,
body.theme-light #items-total *,
body.theme-light #discount-total *,
body.theme-light #delivery-info *,
body.theme-light #free-delivery-msg *,
body.theme-light #grand-total *,
body.theme-light #grand-total2 *,
body.theme-light #grand-total3 * {
  color: var(--text) !important;
}

body.theme-light #items-total,
body.theme-light #discount-total,
body.theme-light #delivery-info,
body.theme-light #free-delivery-msg,
body.theme-light #grand-total,
body.theme-light #grand-total2,
body.theme-light #grand-total3 {
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
}

/* Checkout delivery cost text */
body.theme-light #delivery-cost,
body.theme-light #customs-cost {
  color: var(--text) !important;
  background: #f9fafb !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
}

/* Coupon block */
body.theme-light .coupon-container,
body.theme-light .coupon-container h3,
body.theme-light .coupon-container label,
body.theme-light .coupon-container .coupon-error,
body.theme-light .coupon-form input,
body.theme-light .coupon-form button {
  color: var(--text) !important;
}
body.theme-light .coupon-container {
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

body.theme-light .all-products h2 {
  color: var(--text) !important;
}

/* Cart totals & coupon blocks (light panels) */
body.theme-light .coupon-form,
body.theme-light .cart-summary,
body.theme-light .cart-totals,
body.theme-light .cart-total,
body.theme-light .cart-panel,
body.theme-light .cart-box,
body.theme-light .cart-row,
body.theme-light .cart-line,
body.theme-light .cart-subtotal,
body.theme-light .cart-grand-total {
  background: #ffffff !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

/* Checkout blocks separation */
body.theme-light .checkout-form,
body.theme-light .checkout-form .address-section,
body.theme-light .checkout-form .payment-options,
body.theme-light .checkout-form .radio-group,
body.theme-light .checkout-form .cart-table,
body.theme-light .checkout-form .order-summary,
body.theme-light .checkout-form .cart-notification {
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

/* Checkout field group clarity */
body.theme-light .checkout-form label,
body.theme-light .checkout-form .address-options,
body.theme-light .checkout-form .address-section,
body.theme-light .checkout-form .payment-options,
body.theme-light .checkout-form .radio-group,
body.theme-light #delivery-cost,
body.theme-light #customs-cost,
body.theme-light .checkout-form .form-error {
  background: #f9fafb !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
}

body.theme-light .checkout-form label {
  display: inline-block !important;
  margin-bottom: 6px !important;
}

body.theme-light .checkout-form .address-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

body.theme-light .checkout-form .address-section {
  padding: 16px !important;
  border-radius: 12px !important;
}

/* Make totals text visible */
body.theme-light .cart-summary *,
body.theme-light .cart-totals *,
body.theme-light .order-summary *,
body.theme-light .checkout-form .total,
body.theme-light .checkout-form .grand-total {
  color: var(--text) !important;
}

/* Search input text color (override dark theme rules) */
body.theme-light #searchInput,
body.theme-light .search-input-wrapper input,
body.theme-light input[type="search"],
body.theme-light input[type="text"] {
  color: var(--text) !important;
  background: #ffffff !important;
}

body.theme-light .btn,
body.theme-light .btn-buy,
body.theme-light .btn-action,
body.theme-light .btn-submit,
body.theme-light .btn-shop {
  background: var(--brand);
  color: #ffffff;
  border-color: var(--brand);
}
body.theme-light .btn,
body.theme-light .btn-buy,
body.theme-light .btn-action,
body.theme-light .btn-submit,
body.theme-light .btn-shop,
body.theme-light button {
  color: #ffffff;
}
body.theme-light .btn:hover,
body.theme-light .btn-buy:hover,
body.theme-light .btn-action:hover,
body.theme-light .btn-submit:hover,
body.theme-light .btn-shop:hover {
  filter: brightness(0.95);
}
body.theme-light .btn,
body.theme-light .btn-buy,
body.theme-light .btn-action,
body.theme-light .btn-submit,
body.theme-light .btn-shop,
body.theme-light button {
  color: #ffffff !important;
}

body.theme-light .feature-card,
body.theme-light .notification-card,
body.theme-light .product-card,
body.theme-light .review-card,
body.theme-light .insta-card,
body.theme-light .sec-card,
body.theme-light .wr-panel,
body.theme-light .wr-orbit-item,
body.theme-light .wr-center,
body.theme-light .cart-notification,
body.theme-light .checkout-form,
body.theme-light .address-section,
body.theme-light .category-products .tabs li,
body.theme-light .notifications-sec,
body.theme-light .reviews-sec,
body.theme-light .insta-sec {
  background: #ffffff;
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

/* Sections area spacing and separation */
body.theme-light .wr-inner,
body.theme-light .notifications-inner,
body.theme-light .reviews-inner,
body.theme-light .insta-inner,
body.theme-light .page-wrap {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}

body.theme-light .wr-cats .wr-cat {
  background: #f1f5f9;
  border: 1px solid var(--border);
  color: var(--text) !important;
}
body.theme-light .wr-cats .wr-cat.active {
  background: rgba(47,133,90,0.12);
  border-color: rgba(47,133,90,0.35);
}

/* Ensure product names and prices are readable */
body.theme-light .product-card h3,
body.theme-light .product-card p,
body.theme-light .wr-center-name,
body.theme-light .wr-center-price,
body.theme-light .wr-orbit-item {
  color: var(--text) !important;
}
body.theme-light .product-card .price,
body.theme-light .wr-center-price {
  color: var(--brand) !important;
}

/* Reviews background consistency */
body.theme-light .reviews-sec,
body.theme-light .reviews-inner,
body.theme-light .review-card {
  background: #ffffff !important;
}

body.theme-light .wr-title,
body.theme-light .wr-cat,
body.theme-light .wr-center-name,
body.theme-light .notifications-title,
body.theme-light .notification-title,
body.theme-light .reviews-title,
body.theme-light .insta-title,
body.theme-light .page-title,
body.theme-light .page-sub {
  color: var(--text) !important;
}

body.theme-light .wr-center-price,
body.theme-light .price {
  color: var(--brand) !important;
}

/* Product description text (override white text in product page) */
body.theme-light .tabs-content #desc,
body.theme-light .tabs-content #desc * {
  color: var(--text) !important;
}

/* Keep hero slider text white in light theme */
body.theme-light .hero-content h1,
body.theme-light .hero-content p,
body.theme-light .hero-content a {
  color: #ffffff !important;
}

body.theme-light .wr-orbit-item.active {
  border-color: rgba(47,133,90,0.45);
  box-shadow: 0 10px 24px rgba(47,133,90,0.15);
}

body.theme-light .search-bar input,
body.theme-light .search-input-wrapper {
  background: #ffffff;
  border: 1px solid var(--border);
}

/* Autocomplete list text on light themes */
body.theme-light .autocomplete-list {
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
}
body.theme-light .autocomplete-list li,
body.theme-light .autocomplete-list li .info .name {
  color: var(--text) !important;
}
body.theme-light .autocomplete-list li .info .price {
  color: var(--brand) !important;
}

body.theme-light .tab-count,
body.theme-light .chip {
  background: #f1f5f9;
  color: var(--text);
  border: 1px solid var(--border);
}

body.theme-light footer {
  background: #ffffff;
  border-top: 1px solid var(--border);
  color: var(--muted);
}