/* ============================================================
   FRAGRANCIA — style-light.css  (v2 — all fixes applied)

   INTENTIONALLY DARK SECTIONS:
   - Navbar + marquee topbar + footer
   - Home: category cards, tester CTA banner, gift box CTA banner
   - Collections: .features-dark-section wrapper + cards
   - Product: .product-scent-tester-dark wrapper
   - Auth pages: .auth-card
   ============================================================ */

/* ── FONTS ─────────────────────────────────────────────────── */
:root {
  --font-display: 'Varela Round', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-sub:     'Barlow Condensed', sans-serif;

  /* Light palette */
  --page-bg:       #F8F5F0;
  --page-bg-2:     #F2EDE6;
  --page-bg-3:     #EDE7DE;
  --text-primary:  #1A1A1A;
  --text-secondary:#4A4540;
  --text-muted:    #7A746D;
  --border-light:  rgba(0,0,0,0.07);
  --border-gold:   rgba(201,168,76,0.25);
  --shadow-sm:     0 2px 10px rgba(0,0,0,0.08);
  --shadow-md:     0 5px 25px rgba(0,0,0,0.12);
  --shadow-lg:     0 10px 50px rgba(0,0,0,0.16);
  --shadow-gold:   0 0 25px rgba(201,168,76,0.18);
}

/* ── BASE ───────────────────────────────────────────────────── */
body { background: var(--page-bg); color: var(--text-primary); }
::-webkit-scrollbar-track { background: var(--page-bg-2); }
h1,h2,h3,h4,h5,h6 { color: var(--text-primary); }
.section-desc { color: var(--text-muted); }

/* BG utilities — remap to light */
.bg-dark-1 { background: var(--page-bg)   !important; }
.bg-dark-2 { background: var(--page-bg-2) !important; }
.bg-dark-3 { background: var(--page-bg-3) !important; }

/* ── PAGE HEADER ────────────────────────────────────────────── */
.page-header { background: var(--page-bg-2); }
.page-header .page-title { color: var(--text-primary); }
.page-header .breadcrumb-item a { color: var(--text-muted); }

/* ── CART OFFCANVAS ─────────────────────────────────────────── */
.cart-offcanvas { background:#fff; border-left:1px solid var(--border-light); }
.cart-oc-header { border-bottom-color: var(--border-light); }
.cart-oc-title,.cart-oc-close { color: var(--text-primary); }
.cart-oc-footer { border-top-color: var(--border-light); }
.cart-oc-item { border-bottom-color: var(--border-light); }
.cart-oc-item-img { background: var(--page-bg-3); }
.cart-oc-item-name { color: var(--text-primary); }
.cart-oc-item-variant { color: var(--text-muted); }

/* ── VARIANT MODAL ──────────────────────────────────────────── */
.modal-fra { background:#fff; border-color: var(--border-gold); }
.modal-fra-header { border-bottom-color: var(--border-light); }
.variant-modal-img { background: var(--page-bg-3); }
.modal-fra .modal-title,.modal-fra .modal-body { color: var(--text-primary); }
.modal-fra .btn-close { filter: invert(1) brightness(0.3); }
/* Variant modal — sold stats (self-contained, no dependency on product.css) */
.vm-sold-stats { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(0,0,0,.07); }
.vm-sold-total-row { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.vm-sold-fire { color: var(--gold); font-size: .7rem; }
.vm-sold-total-label { font-size: .7rem; font-weight: 600; color: #6b6660; text-transform: uppercase; letter-spacing: .4px; }
.vm-sold-total-val { font-size: .88rem; font-weight: 700; color: var(--gold); margin-left: 2px; }
.vm-sold-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.vm-sold-pill { font-size: .7rem; padding: 3px 10px; border-radius: 20px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.10); color: #4a4540; white-space: nowrap; }
.vm-sold-pill strong { font-weight: 700; color: #2a2a2a; }

/* ── PRODUCT CARDS (general grid) ───────────────────────────── */
.product-card { background:#fff; border-color: var(--border-light); box-shadow: var(--shadow-sm); }
.product-card:hover { border-color: var(--border-gold); box-shadow: var(--shadow-md); }
.product-card .product-img-wrap { background: linear-gradient(145deg, var(--page-bg-3), var(--page-bg-2)); }
.product-card .product-name { color: var(--text-primary); }
.product-card .product-notes { color: var(--text-muted); }
/* Remove any extra background from price area */
.product-card .product-price,
.product-card .price-range {
  background: transparent !important;
  padding: 0 !important;
  display: inline !important;
}
.product-card .product-info { background: transparent; }

/* ── SLIDER ARROWS ──────────────────────────────────────────── */
.slick-arrow-fra { background:#fff; border-color: var(--border-gold); }
.slick-arrow-fra:hover { background: var(--gold); color: var(--black); }

/* ── GENERAL FEATURE BOXES (non-dark sections) ──────────────── */
.feature-box { background:#fff; border-color: var(--border-light); }
.feature-box .feature-title { color: var(--text-primary); }
.feature-box .feature-desc { color: var(--text-muted); }
.feature-box .feature-icon { border-color: var(--border-gold); }

/* ── QTY SELECTOR ───────────────────────────────────────────── */
.qty-selector { border-color: var(--border-light); }
.qty-selector button { background: var(--page-bg-2); color: var(--gold); }
.qty-selector button:hover { background: var(--gold); color: var(--black); }
.qty-selector input { background: var(--page-bg); color: var(--text-primary); border-color: var(--border-light); }

/* ── FORMS (light pages) ────────────────────────────────────── */
.form-dark input:not([type="checkbox"]):not([type="radio"]),
.form-dark textarea,
.form-dark select {
  background:#fff; border-color: var(--border-light); color: var(--text-primary);
}
.form-dark input::placeholder,.form-dark textarea::placeholder { color: var(--text-muted); }
.form-dark input:focus,.form-dark textarea:focus,.form-dark select:focus { border-color: var(--gold); }
.form-dark label { color: var(--gold); }

/* ── NEWSLETTER INPUT ───────────────────────────────────────── */
.newsletter-input { background:#fff; border-color: var(--border-gold); color: var(--text-primary); }
.newsletter-input::placeholder { color: var(--text-muted); }

/* ── SHOP TOOLBAR ───────────────────────────────────────────── */
.shop-toolbar { border-bottom-color: var(--border-light); }
.shop-toolbar .result-count { color: var(--text-muted); }
.shop-toolbar select { background-color:#fff; border-color: var(--border-light); color: var(--text-primary); }

/* ── PAGINATION ─────────────────────────────────────────────── */
.pagination-fra .page-link { background:#fff; border-color: var(--border-light); color: var(--text-primary); }
.pagination-fra .page-link:hover,
.pagination-fra .page-item.active .page-link { background: var(--gold); border-color: var(--gold); color: var(--black); }

/* ── IMG PLACEHOLDER ────────────────────────────────────────── */
.img-placeholder { background: linear-gradient(145deg, var(--page-bg-3), var(--page-bg-2)); border-color: var(--border-light); }
.img-placeholder span { color: var(--text-muted); }

/* ── POLICY PAGES ───────────────────────────────────────────── */
.policy-content p,.policy-content ul li { color: var(--text-muted); }
.policy-content strong { color: var(--text-primary); }

/* ── DELIVERY OPTIONS (light pages) ────────────────────────── */
.delivery-option-inner { border-color: var(--border-light); background: rgba(0,0,0,0.02); }
.delivery-option:hover .delivery-option-inner { border-color: var(--border-gold); background: rgba(201,168,76,0.04); }
.delivery-option input:checked + .delivery-option-inner { border-color: rgba(201,168,76,0.4); background: rgba(201,168,76,0.06); }
.do-icon { background: var(--page-bg-2); }
.do-title { color: var(--text-primary); }
.do-sub { color: var(--text-muted); }
.do-meta { color: var(--text-muted); }

/* ── MISC GLOBAL ────────────────────────────────────────────── */
.text-gray { color: var(--text-muted) !important; }
.text-gray-light { color: var(--text-muted) !important; }
.text-ivory { color: var(--text-secondary) !important; }
.section-badge { border-color: rgba(201,168,76,0.3); }


/* ============================================================
   HOME PAGE
   ============================================================ */

/* Brand marquee — light, readable */
.brand-marquee { background: var(--page-bg); border-bottom-color: var(--border-light); }
.brand-logo-item span { color: rgba(0,0,0,0.55) !important; font-weight: 600; }
.brand-logo-item:hover span { color: var(--gold) !important; }

/* ─── TESTER CTA & GIFT BOX CTA banners — force DARK ─────────
   These inline-styled divs use var(--dark-2)/var(--dark) which
   bg-dark-2/bg-dark-1 remapping would break. We restore them. */
.tester-cta-section-inner {
  background: linear-gradient(135deg, #222, #1A1A1A) !important;
  border-color: rgba(201,168,76,0.1) !important;
}
.tester-cta-section-inner h2,
.tester-cta-section-inner p,
.tester-cta-section-inner span { color: #fff !important; }
.tester-cta-section-inner h2 .text-gold,
.tester-cta-section-inner h2 span.text-gold { color: var(--gold) !important; }
.tester-cta-section-inner p,
.tester-cta-section-inner .text-muted { color: rgba(255,255,255,0.75) !important; }

.giftbox-cta-section-inner {
  background: linear-gradient(135deg, #1A1A1A, #222) !important;
  border-color: rgba(201,168,76,0.1) !important;
}
.giftbox-cta-section-inner h2,
.giftbox-cta-section-inner p,
.giftbox-cta-section-inner span { color: #fff !important; }
.giftbox-cta-section-inner h2 .text-gold,
.giftbox-cta-section-inner h2 span.text-gold { color: var(--gold) !important; }
.giftbox-cta-section-inner p { color: rgba(255,255,255,0.75) !important; }

/* Image placeholders INSIDE the dark CTA boxes — keep dark */
.tester-cta-section-inner .img-placeholder,
.giftbox-cta-section-inner .img-placeholder {
  background: linear-gradient(145deg, #2A2A2A, #222) !important;
  border-color: rgba(201,168,76,0.12) !important;
}

/* Testimonials */
.testimonial-card { background: #fff; border-color: var(--border-light); box-shadow: var(--shadow-sm); }
.testimonial-card .testi-text { color: var(--text-secondary); }
.testimonial-card .testi-author { color: var(--gold) !important; font-weight: 700; }
.testimonial-card .testi-role { display: none; }

/* Video showcase */
.video-showcase-item { background: var(--page-bg-2); border-color: var(--border-light); }
.video-showcase-item:hover { border-color: var(--border-gold); }
.video-showcase-item .video-thumb { background: var(--page-bg-3); }
.video-showcase-item .video-meta { color: var(--text-muted); }
.video-showcase-item .video-title { color: var(--text-primary); }


/* ============================================================
   COLLECTIONS PAGE
   ============================================================ */

/* Filter sidebar */
.shop-sidebar .filter-title { color: var(--white) !important; border-bottom-color: rgba(201,168,76,0.15); }
.shop-sidebar .filter-section { color: var(--text-primary); }
/* Filter h6 group headings (Gender, Season, Brand, Price) — gold */
.shop-sidebar h6,
.shop-sidebar .filter-section > h6,
.filter-sidebar h6 { color: var(--gold) !important; font-weight: 600; }
.shop-sidebar .form-check-label { color: rgba(255,255,255,.65) !important; }
.shop-sidebar .form-check-input { background-color: var(--dark-3) !important; border-color: rgba(255,255,255,.15) !important; }

/* Filter link categories — WHITE */
.filter-link { color: var(--white) !important; }
.filter-link:hover {
  color: var(--white) !important;
  border-color: rgba(201,168,76,0.15);
  background: rgba(201,168,76,0.06);
}
.filter-link.active { color: var(--white) !important; border-color: rgba(201,168,76,0.25); background: rgba(201,168,76,0.09); }

/* Price range filter */
.price-range { background: rgba(0,0,0,0.2); border-color: rgba(255,255,255,.06); }
.price-range .price-labels span { color: rgba(255,255,255,.55) !important; }

/* Collection product cards price — no extra background */
.product-card .product-price,
.product-card .price-range { background: transparent !important; padding: 0 !important; }

@media (max-width:991.98px) {
  .shop-sidebar-wrap { background:#fff; }
}

/* ─── 3 KEY FEATURES SECTION — dark wrapper ──────────────────
   Add class="features-dark-section" to the <section> in PHP   */
.features-dark-section { background: var(--dark) !important; }
.features-dark-section .section-title { color: var(--white) !important; }
.features-dark-section .section-desc { color: var(--gray) !important; }
.features-dark-section .section-badge { color: var(--gold) !important; }
.features-dark-section .gold-line { background: var(--gold) !important; }
.features-dark-section .feature-box {
  background: var(--dark-2) !important;
  border-color: rgba(201,168,76,0.08) !important;
}
.features-dark-section .feature-box .feature-title { color: var(--white) !important; }
.features-dark-section .feature-box .feature-desc { color: var(--gray) !important; }
.features-dark-section .feature-box .feature-icon { border-color: rgba(201,168,76,0.3) !important; background: transparent !important; }
.features-dark-section .feature-box:hover .feature-icon { background: var(--gold) !important; color: var(--black) !important; }


/* ============================================================
   PRODUCT PAGE
   ============================================================ */

/* Gallery */
.product-gallery .main-image { background: linear-gradient(145deg, var(--page-bg-3), var(--page-bg-2)); border-color: var(--border-light); }
.product-gallery .thumb-item { background: var(--page-bg-2); border-color: var(--border-light); }
.product-gallery .thumb-item:hover,.product-gallery .thumb-item.active { border-color: var(--gold); }
.product-detail .detail-name { color: var(--text-primary); }
.product-detail .detail-desc { color: #3B3B3B !important; }
.pd-desc-text { color: #3B3B3B !important; line-height: 1.9; }

/* Sold stats — match description text color for readability */
.sold-stats { color: #3B3B3B !important; }
.sold-stats-size { color: #3B3B3B !important; background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.10); }

/* Size options */
.size-option { border-color: var(--border-gold); color: var(--gold); background: transparent; }
.size-option:hover,.size-option.active { background: var(--gold); color: var(--black); border-color: var(--gold); }

/* Buy Now — dark on light background */
.btn-buy-now {
  background: var(--dark) !important;
  color: var(--white) !important;
  border-color: var(--dark) !important;
}
.btn-buy-now:hover { background: transparent !important; color: var(--dark) !important; border-color: var(--dark) !important; }

/* Progress bar */
.bar-track { background: var(--page-bg-3); }

/* ─── SCENT NOTES + TESTER CTA — dark wrapper ────────────────
   Add class="product-scent-tester-dark" to wrapper div in PHP  */
.product-scent-tester-dark {
  background: var(--dark-2);
  border-radius: var(--fra-radius);
  padding: 24px;
  border: 1px solid rgba(201,168,76,0.10);
  margin-bottom: 1.5rem;
}
.product-scent-tester-dark .scent-note-item {
  background: var(--dark-3) !important;
  border-color: rgba(255,255,255,0.04) !important;
}
.product-scent-tester-dark .note-label { color: var(--gold) !important; }
.product-scent-tester-dark .note-value { color: var(--ivory) !important; }
.tester-cta-box {
  background: var(--dark-3) !important;
  border-color: rgba(201,168,76,0.1) !important;
  color: var(--white);
}
.tester-cta-box p,.tester-cta-box span,.tester-cta-box small { color: var(--gray-light) !important; }
.tester-cta-box strong,.tester-cta-box h5,.tester-cta-box h6 { color: var(--white) !important; }


/* ============================================================
   GIFT BOX PAGE
   Left panel = light (form), Right panel = dark (summary)
   ============================================================ */

/* Left side — light form area */
.gift-slot {
  background: #fff !important;
  border-color: rgba(201,168,76,0.25) !important;
}
.gift-slot.filled { background: var(--page-bg-2) !important; border-color: var(--gold) !important; }
.slot-number { color: var(--text-muted); }
.slot-text { color: var(--text-muted); }
.gift-total { background: var(--page-bg-2) !important; border-color: var(--border-gold) !important; }

/* Gift box product cards (left panel grid) */
.product-card .gift-add-btn { border-top-color: var(--border-light); color: var(--gold); background: transparent; }
.product-card .gift-add-btn:hover { background: var(--gold); color: var(--black); }

/* Gift delivery box on left (light version) */
.gift-delivery-box { background: #fff !important; border-color: var(--border-gold) !important; }

/* ─── RIGHT SIDEBAR (summary) — DARK ────────────────────────── */
.cart-summary {
  background: var(--dark-3) !important;
  border-color: rgba(201,168,76,0.1) !important;
  color: var(--white) !important;
}
.cart-summary h4,.cart-summary h5,.cart-summary .cart-oc-title { color: var(--white) !important; }
.cart-summary .gift-sidebar-title { color: var(--white) !important; }
.cart-summary .gift-summary-line { color: var(--gray-light) !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
.cart-summary .gift-summary-line span { color: var(--gray-light) !important; }
.cart-summary .gift-summary-total { color: var(--white) !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
.cart-summary .gift-summary-total span { color: var(--gold) !important; }
.cart-summary strong { color: var(--white) !important; }

/* Gift form inputs inside right sidebar */
.gift-sidebar .gift-form input,
.gift-sidebar .gift-form textarea {
  background: var(--dark) !important;
  border-color: rgba(201,168,76,0.12) !important;
  color: var(--white) !important;
}
.gift-sidebar .gift-form input::placeholder,
.gift-sidebar .gift-form textarea::placeholder { color: rgba(255,255,255,0.4) !important; }

/* Delivery cards inside right dark sidebar */
.gift-sidebar .delivery-option-inner {
  background: rgba(0,0,0,0.25) !important;
  border-color: rgba(201,168,76,0.12) !important;
}
.gift-sidebar .delivery-option-inner .do-title { color: var(--white) !important; }
.gift-sidebar .delivery-option-inner .do-sub { color: var(--gray-light) !important; }
.gift-sidebar .delivery-option-inner .do-meta { color: rgba(255,255,255,0.5) !important; }


/* ============================================================
   TESTER PAGE
   Left panel = DARK (cart), Right panel = light (checkout form)
   ============================================================ */

/* Left dark panel — tester cart */
.tester-order-box {
  background: var(--dark-2) !important;
  border-color: rgba(201,168,76,0.08) !important;
}
.tester-order-name { color: var(--white) !important; }
.tester-order-meta { color: var(--gray) !important; }
.tester-order-row { border-bottom-color: rgba(255,255,255,0.06) !important; }
.tester-qty-val { color: var(--white) !important; }
.tester-qty-btn { border-color: rgba(201,168,76,0.22); background: transparent; color: var(--gold); }
.tester-qty-btn:hover { background: var(--gold); color: var(--black); }

/* Tester cards (product grid) — light */
.tester-card { background:#fff !important; border-color: var(--border-light) !important; }
.tester-card .tester-img { background: linear-gradient(145deg, var(--page-bg-3), var(--page-bg-2)) !important; }
.tester-card .tester-name { color: var(--text-primary) !important; }
.tester-card .btn-add-tester { border-top-color: var(--border-light) !important; color: var(--gold); }
.tester-card .btn-add-tester:hover { background: var(--gold); color: var(--black); }

/* Right panel (checkout form) — light */
.gift-sidebar {
  background: var(--page-bg-2) !important;
  border-color: var(--border-light) !important;
}
.gift-sidebar .gift-sidebar-title { color: var(--text-primary) !important; }
.gift-sidebar .gift-summary-line { color: var(--text-muted) !important; border-bottom-color: var(--border-light) !important; }
.gift-sidebar .gift-summary-total { color: var(--text-primary) !important; border-bottom-color: var(--border-light) !important; }
.gift-sidebar .gift-form input,
.gift-sidebar .gift-form textarea {
  background:#fff !important;
  border-color: var(--border-light) !important;
  color: var(--text-primary) !important;
}
.gift-sidebar .gift-form input::placeholder,
.gift-sidebar .gift-form textarea::placeholder { color: var(--text-muted) !important; }

/* Delivery cards inside right light sidebar */
.gift-sidebar .delivery-option-inner {
  background: rgba(0,0,0,0.03) !important;
  border-color: var(--border-light) !important;
}
.gift-sidebar .delivery-option-inner .do-title { color: var(--text-primary) !important; }
.gift-sidebar .delivery-option-inner .do-sub { color: var(--text-muted) !important; }
.gift-sidebar .delivery-option-inner .do-meta { color: var(--text-muted) !important; }


/* ============================================================
   SUGGESTION PAGE
   ============================================================ */

/* Form card is dark — keep it, but fix the "Select Your" headline */
.suggestion-filter-card { background: var(--dark-2) !important; }
.suggestion-filter-card .font-display { color: var(--white) !important; }

/* "Select Your" text (non-gold part) */
.suggestion-filter-card h3 { color: var(--white) !important; }


/* ============================================================
   CONTACT PAGE — info cards must be dark with white text
   ============================================================ */
.contact-info-card {
  background: var(--dark-2) !important;
  border-color: rgba(201,168,76,0.08) !important;
}
.contact-info-card .info-title { color: var(--white) !important; }
.contact-info-card .info-text { color: var(--gray) !important; }

/* FAQ accordion */
.faq-accordion .accordion-item { border-color: rgba(255,255,255,0.06); }
.faq-accordion .accordion-button { background: var(--dark-2); color: var(--white); }
.faq-accordion .accordion-button:not(.collapsed) { background: var(--dark-3); color: var(--gold); }
.faq-accordion .accordion-body { background: var(--dark-3); color: var(--gray-light); }


/* ============================================================
   AUTH PAGES (Login / Register) — keep card DARK
   ============================================================ */
.auth-card {
  background: var(--dark-2) !important;
  border-color: rgba(201,168,76,0.10) !important;
}
.auth-card .auth-title { color: var(--white) !important; }
.auth-card .auth-subtitle { color: var(--gray) !important; }

/* Inputs inside auth card — keep dark style */
.auth-card .form-dark input:not([type="checkbox"]):not([type="radio"]),
.auth-card .form-dark .form-control,
.auth-card .form-dark .auth-input-group .form-control {
  background: var(--dark-3) !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
}
.auth-card .form-dark input::placeholder,
.auth-card .form-dark .form-control::placeholder { color: rgba(255,255,255,0.45) !important; }
.auth-card .form-dark label { color: var(--gold) !important; }

/* Eye button in auth */
.auth-card .auth-eye-btn {
  background: var(--dark-3) !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: rgba(201,168,76,0.85) !important;
}

/* Checkbox in auth */
.auth-card .form-check-input {
  background-color: var(--dark-3) !important;
  border-color: rgba(255,255,255,0.15) !important;
}
.auth-card .form-check-label { color: rgba(255,255,255,0.62) !important; }
.auth-card .auth-link-gold { color: var(--gold) !important; }
.auth-card .auth-row-between span { color: rgba(255,255,255,0.62) !important; }


/* ============================================================
   ABOUT / ACCOUNT / CHECKOUT / MISC
   ============================================================ */

/* About page sections */
.about-stat-card { background:#fff !important; border-color: var(--border-light) !important; }
.about-stat-card h3 { color: var(--text-primary) !important; }
.about-stat-card p { color: var(--text-muted) !important; }

/* Checkout */
.checkout-section-title { color: var(--text-primary); }

/* Cart page */
/* ============================================================
   CART PAGE — Left side LIGHT, Right side DARK
   ============================================================ */

/* Left: product table — light */
.cart-table thead th { background: transparent; border-color: rgba(201,168,76,0.2); color: var(--gold); }
.cart-table td { border-color: var(--border-light); color: var(--text-primary); }
.cart-product-img { background: var(--page-bg-3) !important; }
.cart-table .fw-semibold, .cart-table strong { color: var(--text-primary) !important; }
.cart-table .text-gray, .cart-table small { color: var(--text-muted) !important; }

/* ── Order card panels (Receiver Info, Delivery, Address) — LIGHT ── */
.order-card { background: #fff !important; border-color: var(--border-light) !important; border-radius: var(--fra-radius) !important; overflow: hidden !important; }
.order-card-head { border-bottom-color: var(--border-light) !important; background: var(--page-bg-2) !important; }
.order-card-head i { color: var(--gold) !important; }
.order-card-head span, .order-card-head h5, .order-card-head h6 { color: var(--text-primary) !important; }
.order-card .form-control-fra { background: var(--page-bg) !important; border-color: var(--border-light) !important; color: var(--text-primary) !important; border-radius: var(--fra-radius-sm) !important; }
.order-card .form-control-fra::placeholder { color: var(--text-muted) !important; }
.order-card .form-control-fra:focus { border-color: var(--gold) !important; }
.order-card .form-label { color: var(--gold) !important; }
/* Delivery option cards inside light order-card */
.order-card .delivery-option-inner { border-color: var(--border-light) !important; background: var(--page-bg-2) !important; }
.order-card .delivery-option:hover .delivery-option-inner { border-color: var(--border-gold) !important; background: rgba(201,168,76,.05) !important; }
.order-card .delivery-option input:checked + .delivery-option-inner { border-color: rgba(201,168,76,.4) !important; background: rgba(201,168,76,.07) !important; }
.order-card .do-icon { background: var(--page-bg-3) !important; color: var(--gold) !important; }
.order-card .do-title { color: var(--text-primary) !important; }
.order-card .do-sub { color: var(--text-muted) !important; }
.order-card .do-meta { color: var(--text-muted) !important; }

/* ── Right sidebar: Order Summary + Payment — DARK with rounded corners ── */
.cart-summary { background: var(--dark-2) !important; border-color: rgba(201,168,76,0.1) !important; border-radius: var(--fra-radius) !important; }
.cart-summary .summary-title { color: var(--white) !important; border-bottom-color: rgba(201,168,76,0.1) !important; }
.cart-summary .summary-title i { color: var(--gold) !important; }
.cart-summary .summary-row .label { color: var(--gray-light) !important; }
.cart-summary .summary-row span:last-child { color: var(--white) !important; }
.cart-summary .summary-total { color: var(--gold) !important; border-top-color: rgba(201,168,76,0.1) !important; }
.cart-summary .summary-total span:last-child { color: var(--gold) !important; }
.cart-summary .form-control-fra { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.9) !important; border-radius: var(--fra-radius-sm) !important; }
.cart-summary .form-control-fra::placeholder { color: rgba(255,255,255,0.35) !important; }
/* Payment option cards — dark, proper text */
.cart-summary .pay-option-inner { border-color: rgba(255,255,255,0.10) !important; background: rgba(255,255,255,0.03) !important; border-radius: var(--fra-radius-sm) !important; }
.cart-summary .pay-option:hover .pay-option-inner { border-color: rgba(201,168,76,0.25) !important; background: rgba(201,168,76,0.05) !important; }
.cart-summary .pay-option input:checked + .pay-option-inner { border-color: rgba(201,168,76,0.4) !important; background: rgba(201,168,76,0.07) !important; }
.cart-summary .pay-icon { background: rgba(255,255,255,0.05) !important; color: var(--gold) !important; }
.cart-summary .pay-title { color: var(--white) !important; }
.cart-summary .pay-sub { color: var(--gray-light) !important; }
.cart-summary .form-check-label { color: rgba(255,255,255,0.65) !important; }
.cart-summary small { color: rgba(255,255,255,0.45) !important; }

/* ============================================================
   TESTER PAGE — section heading text (left col is over light bg)
   ============================================================ */
/* The tester mini-checkout section uses bg-dark-2 which remaps
   to page-bg-2 (light). Fix text in that section. */
.tester-order-section-heading .section-badge { color: var(--gold); border-color: rgba(201,168,76,0.3); }
.tester-order-section-heading .section-title { color: var(--text-primary); }
.tester-order-section-heading .section-desc { color: var(--text-muted); }

/* Payment Method card — dark, overrides the light order-card rule */
.order-card--dark { background: var(--dark-2) !important; border-color: rgba(201,168,76,0.1) !important; }
.order-card--dark .order-card-head { background: var(--dark-3) !important; border-bottom-color: rgba(201,168,76,0.08) !important; }
.order-card--dark .order-card-head i { color: var(--gold) !important; }
.order-card--dark .order-card-head span { color: var(--white) !important; }
.order-card--dark .pay-option-inner { border-color: rgba(255,255,255,0.10) !important; background: rgba(255,255,255,0.03) !important; }
.order-card--dark .pay-option:hover .pay-option-inner { border-color: rgba(201,168,76,0.25) !important; background: rgba(201,168,76,0.05) !important; }
.order-card--dark .pay-option input:checked + .pay-option-inner { border-color: rgba(201,168,76,0.4) !important; background: rgba(201,168,76,0.07) !important; }
.order-card--dark .pay-icon { background: rgba(255,255,255,0.05) !important; color: var(--gold) !important; }
.order-card--dark .pay-title { color: var(--white) !important; }
.order-card--dark .pay-sub { color: var(--gray-light) !important; }
.order-card--dark .form-check-label { color: rgba(255,255,255,0.65) !important; }
.order-card--dark .fs-xs { color: rgba(255,255,255,0.45) !important; }

/* ── Collections pagination — light theme ────────────────── */
.collection-pagination { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; padding: 10px 0 !important; }
.pag-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: var(--page-bg-2) !important; border: 1px solid rgba(0,0,0,.2) !important; border-radius: 10px !important; color: var(--text-primary) !important; padding: 7px 14px !important; margin: 3px !important; font-size: .78rem !important; font-weight: 500 !important; cursor: pointer !important; }
.pag-btn:hover:not(:disabled) { border-color: rgba(201,168,76,.6) !important; color: var(--gold) !important; background: rgba(201,168,76,.08) !important; }
.pag-btn.active { background: var(--gold) !important; border-color: var(--gold) !important; color: var(--black) !important; font-weight: 700 !important; }
.pag-btn:disabled { opacity: .35 !important; cursor: not-allowed !important; }

/* ── Collections brand see-more button ────────────────────── */

/* ── Combo home-slider cards ─────────────────────────────── */
.combos-home-slider { min-height: 0; }
.combos-home-slider .slick-track { display: flex !important; align-items: stretch !important; }
.combos-home-slider .slick-slide { height: auto !important; display: flex !important; flex-direction: column; }
.combos-home-slider .slick-slide > div { flex: 1; display: flex; flex-direction: column; }
.combos-home-slider .px-2 { flex: 1; display: flex; flex-direction: column; }
.combo-card-home { flex: 1; display: flex !important; flex-direction: column; }
.combo-card-home .combo-info { flex: 1; display: flex; flex-direction: column; }
.combo-card-home .combo-price-row { margin-top: auto; }
.combo-card-home .combo-mosaic { height: 240px !important; min-height: 240px !important; }

/* Combo cards */
.combo-card { background: #fff !important; border-color: var(--border-light) !important; }
.combo-card:hover { border-color: var(--border-gold) !important; box-shadow: var(--shadow-md) !important; }
.combo-card .combo-mosaic { background: var(--page-bg-3) !important; }
.combo-card .combo-mosaic .mosaic-cell { background: linear-gradient(145deg, var(--page-bg-3), var(--page-bg-2)) !important; color: rgba(201,168,76,.30) !important; }
.combo-card:hover .combo-mosaic .mosaic-cell { color: rgba(201,168,76,.55) !important; }
.combo-card .combo-name { color: var(--text-primary) !important; }
.combo-card .combo-items-preview { color: var(--text-muted) !important; }
.combo-card .combo-original-price { color: #999 !important; }
.combo-card .combo-cta { border-top-color: var(--border-light) !important; }

/* Combos page hero strip — stays dark */
.combos-hero-strip { background: linear-gradient(135deg, var(--dark-3), var(--dark-2)) !important; }

/* Combo filter tabs */
.combo-filter-tab { border-color: rgba(201,168,76,.25); color: var(--text-muted); }

/* Combo toolbar select */
.combo-toolbar select { background-color: #fff !important; border-color: var(--border-light) !important; color: var(--text-primary) !important; }
.combo-toolbar .result-count { color: var(--text-muted); }

/* Combo detail page — header card stays dark (luxury feel) */
.combo-header-card { background: linear-gradient(135deg, var(--dark-2), var(--dark-3)) !important; }

/* Combo item rows — light */
.combo-item-row { border-bottom-color: var(--border-light) !important; }
.combo-item-row:hover { background: rgba(201,168,76,.03) !important; }
.combo-item-img { background: linear-gradient(145deg, var(--page-bg-3), var(--page-bg-2)) !important; border-color: var(--border-light) !important; }
.combo-item-name { color: var(--text-primary) !important; }
.combo-item-notes { color: var(--text-muted) !important; }

/* Scent profile grid */
.combo-scent-card { background: var(--page-bg-2) !important; border-color: var(--border-light) !important; }
.combo-scent-card:hover { background: #fff !important; border-color: var(--border-gold) !important; }
.combo-scent-card .scent-card-name { color: var(--text-primary) !important; }
.combo-scent-card .scent-pill { background: rgba(0,0,0,.04) !important; color: var(--text-muted) !important; }

/* Combo items heading */
.combo-items-heading { border-bottom-color: var(--border-gold); }
.combo-items-heading .items-count { color: var(--text-muted); }

/* ── Gold checkboxes (override Bootstrap blue) ──────────── */
.form-check-input:checked {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
}
.form-check-input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(201,168,76,0.25) !important;
}