/* ═══════════════════════════════════════════════════════
   LUXE — Light/White Theme Override
   Overrides the dark theme vars to a clean white palette
   ═══════════════════════════════════════════════════════ */

:root {
  --black:      #1a1a1a;
  --dark:       #f5f5f0;
  --surface:    #fafaf8;
  --card:       #ffffff;
  --border:     rgba(0,0,0,0.07);
  --border-mid: rgba(0,0,0,0.14);
  --white:      #1a1a1a;
  --text:       #3d3830;
  --muted:      #9a9188;
  --gold:       #B8860B;
  --gold-light: #D4A017;
  --gold-dark:  #8B6508;
  --sh:         0 2px 20px rgba(0,0,0,0.08);
  --sh-gold:    0 0 30px rgba(184,134,11,0.1);
}

/* ── Body ───────────────────────────────────────────── */
body { background: #ffffff; color: #3d3830; }
h1, h2, h3, h4, h5 { color: #1a1a1a; }

/* ── Announcement Bar ────────────────────────────────── */
.ann-bar { background: #1a1a1a; }
.ann-track span { color: #f5f0e8; }
.ann-track span.dot { color: #B8860B; }

/* ── Nav ─────────────────────────────────────────────── */
.nav {
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 1px 12px rgba(0,0,0,0.06);
}
.nav-logo { color: #1a1a1a; }
.nav-logo span { color: var(--gold); }
.nav-links > li > a { color: #3d3830; }
.nav-links > li > a:hover, .nav-links > li > a.active { color: var(--gold); }
.nav-btn { color: #3d3830; }
.nav-btn:hover { color: var(--gold); background: rgba(184,134,11,0.06); }
.lang-btn { color: #9a9188; border-color: rgba(0,0,0,0.12); }
.lang-btn:hover { border-color: var(--gold); color: var(--gold); }
.nav-badge { background: var(--gold); color: #ffffff; }
.nav-dropdown {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
.nav-dropdown a { color: #3d3830; }
.nav-dropdown a:hover { background: rgba(184,134,11,0.06); color: var(--gold); }

/* ── Mobile Drawer ──────────────────────────────────── */
.mobile-drawer { background: #ffffff; border-right: 1px solid rgba(0,0,0,0.08); }
.rtl .mobile-drawer { border-right: none; border-left: 1px solid rgba(0,0,0,0.08); }
.mobile-drawer-head { border-color: rgba(0,0,0,0.08); }
.mobile-drawer-head .logo { color: #1a1a1a; }
.mobile-nav-links a { color: #3d3830; border-color: rgba(0,0,0,0.06); }
.mobile-nav-links a.sub { color: #9a9188; }
.mobile-nav-links a:hover { color: var(--gold); }

/* ── Search ─────────────────────────────────────────── */
.search-overlay { background: rgba(255,255,255,0.97); }
.search-box input { color: #1a1a1a; border-color: var(--gold); }
.search-box input::placeholder { color: #c0b8ae; }
.search-results { background: #ffffff; border: 1px solid rgba(0,0,0,0.08); }
.search-result-item { border-color: rgba(0,0,0,0.06); }
.search-result-item:hover { background: rgba(184,134,11,0.04); }
.search-result-name { color: #1a1a1a; }
.search-close-btn { color: #9a9188; }

/* ── Hero ────────────────────────────────────────────── */
.hero-grad {
  background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.82) 100%);
}
.hero-kicker { color: #f5e8c0; }
.hero-kicker::before { background: #f5e8c0; }
.rtl .hero-kicker::after { background: #f5e8c0; }

/* ── Buttons ─────────────────────────────────────────── */
.btn-gold { background: var(--gold); color: #ffffff; }
.btn-gold:hover { background: var(--gold-light); box-shadow: 0 8px 24px rgba(184,134,11,0.25); }
.btn-outline { color: #3d3830; border-color: rgba(0,0,0,0.2); }
.btn-outline:hover { border-color: var(--gold); color: var(--gold); }
.btn-ghost { color: #9a9188; border-color: rgba(0,0,0,0.1); }
.btn-ghost:hover { border-color: var(--gold); color: var(--gold); }
.btn-dark { background: #1a1a1a; color: #ffffff; border-color: #1a1a1a; }
.btn-dark:hover { background: #2d2d2d; }

/* ── Section headers ─────────────────────────────────── */
.sec-kicker { color: var(--gold); }
.sec-title { color: #1a1a1a; }
.sec-title span { color: var(--gold); }
.sec-link { color: var(--gold); }

/* ── Product Card ────────────────────────────────────── */
.pc { background: #ffffff; border: 1px solid rgba(0,0,0,0.07); }
.pc:hover { border-color: rgba(184,134,11,0.25); box-shadow: 0 8px 32px rgba(0,0,0,0.1); }
.pc-media { background: #f5f3ef; }
.pc-act-btn { background: rgba(255,255,255,0.95); border-color: rgba(0,0,0,0.1); color: #3d3830; }
.pc-act-btn:hover, .pc-act-btn.active { background: var(--gold); color: #fff; border-color: var(--gold); }
.pc-add button { background: #1a1a1a; color: #ffffff; }
.pc-add button:hover { background: var(--gold); }
.pc-brand { color: var(--gold); }
.pc-name { color: #1a1a1a; }
.pc-price .current { color: var(--gold); }
.pc-price .original { color: #b0a89e; }

/* ── Categories ──────────────────────────────────────── */
/* cat-card stays the same - image based */

/* ── USP Bar ──────────────────────────────────────────── */
.usp-bar { background: #faf9f7; border-color: rgba(0,0,0,0.07); }
.usp-icon { color: var(--gold); }
.usp-title { color: #1a1a1a; }
.usp-text { color: #9a9188; }

/* ── Section BG ──────────────────────────────────────── */
section[style*="background:var(--dark)"],
.sec[style*="background:var(--dark)"] {
  background: #f9f8f5 !important;
}

/* ── Brands Strip ────────────────────────────────────── */
.brands-strip { border-color: rgba(0,0,0,0.07); background: #faf9f7; }
.brand-item { color: #c0b8ae; }
.brand-item:hover { color: var(--gold); }

/* ── Testimonials ────────────────────────────────────── */
.testimonials-bg { background: #faf9f7; border-color: rgba(0,0,0,0.07); }
.testi-card { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.testi-text { color: #5d564e; }
.testi-name { color: #1a1a1a; }
.testi-quote { color: var(--gold); opacity: 0.3; }
.testi-avatar { background: #f5f3ef; color: var(--gold); border-color: rgba(184,134,11,0.2); }

/* ── Overlay ──────────────────────────────────────────── */
.overlay { background: rgba(0,0,0,0.45); }

/* ── Cart Drawer ──────────────────────────────────────── */
.cart-drawer { background: #ffffff; box-shadow: -8px 0 40px rgba(0,0,0,0.1); }
.cart-drawer-head { border-color: rgba(0,0,0,0.07); }
.cart-drawer-title { color: #1a1a1a; }
.cart-drawer-close { color: #9a9188; }
.cart-drawer-close:hover { background: rgba(0,0,0,0.05); color: var(--gold); }
.cart-item { border-color: rgba(0,0,0,0.06); }
.cart-item-name { color: #1a1a1a; }
.cart-item-meta { color: #9a9188; }
.cart-item-price { color: var(--gold); }
.cart-qty button { border-color: rgba(0,0,0,0.1); color: #3d3830; }
.cart-qty button:hover { border-color: var(--gold); color: var(--gold); }
.cart-qty span { color: #1a1a1a; }
.cart-item-remove:hover { color: #e05252; }
.cart-footer { border-color: rgba(0,0,0,0.07); }
.cart-subtotal span { color: #9a9188; }
.cart-subtotal strong { color: var(--gold); }
.cart-empty i { color: #d4cfc9; }
.cart-empty p { color: #9a9188; }

/* ── Shop Page ────────────────────────────────────────── */
.shop-hero { background: #faf9f7; border-color: rgba(0,0,0,0.07); }
.shop-hero h1 { color: #1a1a1a; }
.shop-hero p { color: #9a9188; }
.breadcrumb a { color: #9a9188; }
.breadcrumb a:hover { color: var(--gold); }
.breadcrumb span { color: #d4cfc9; }

.filter-sidebar { background: #ffffff; border-color: rgba(0,0,0,0.08); }
.filter-head h3 { color: #1a1a1a; }
.filter-section-title { color: #9a9188; }
.filter-option { color: #3d3830; }
.filter-option:hover { background: rgba(184,134,11,0.05); }
.filter-option input[type="checkbox"],
.filter-option input[type="radio"] { accent-color: var(--gold); }
.price-inputs input { background: #faf9f7; border-color: rgba(0,0,0,0.1); color: #3d3830; }
.price-inputs input:focus { border-color: var(--gold); }

.shop-count { color: #9a9188; }
.shop-count strong { color: #1a1a1a; }
.shop-sort select { background: #ffffff; border-color: rgba(0,0,0,0.1); color: #3d3830; }
.shop-sort select:focus { border-color: var(--gold); }
.filter-toggle-btn { background: #ffffff; border-color: rgba(0,0,0,0.1); color: #3d3830; }
.filter-toggle-btn:hover { border-color: var(--gold); color: var(--gold); }

/* ── Form Fields ─────────────────────────────────────── */
.fg label { color: #9a9188; }
.fg input, .fg select, .fg textarea {
  background: #faf9f7;
  border-color: rgba(0,0,0,0.1);
  color: #3d3830;
}
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--gold); }
.fg input::placeholder, .fg textarea::placeholder { color: #c0b8ae; }

/* ── Form Sections ───────────────────────────────────── */
.form-section { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.form-section-title { color: #1a1a1a; border-color: rgba(0,0,0,0.07); }

/* ── Checkout Steps ──────────────────────────────────── */
.step-num { background: #f5f3ef; border-color: rgba(0,0,0,0.1); color: #9a9188; }
.step-line { background: rgba(0,0,0,0.1); }
.step-label { color: #9a9188; }
.checkout-step.active .step-label { color: #1a1a1a; }

/* ── Tabs ────────────────────────────────────────────── */
.tab-nav { border-color: rgba(0,0,0,0.08); }
.tab-btn { color: #9a9188; }
.tab-btn.active { color: var(--gold); border-color: var(--gold); }
.tab-pane p { color: #5d564e; }

/* ── Product Detail ──────────────────────────────────── */
.product-kicker { color: var(--gold); }
.product-title { color: #1a1a1a; }
.stars i { color: var(--gold); }
.review-count { color: #9a9188; }
.price-current { color: var(--gold); }
.price-original { color: #b0a89e; }
.product-desc { color: #5d564e; border-color: rgba(0,0,0,0.07); }
.gallery-main { background: #f5f3ef; border-radius: 12px; overflow: hidden; }
.gallery-thumb { border-color: transparent; background: #f5f3ef; }
.gallery-thumb.active { border-color: var(--gold); }
.size-btn { background: #faf9f7; border-color: rgba(0,0,0,0.1); color: #3d3830; }
.size-btn:hover { border-color: var(--gold); color: var(--gold); }
.size-btn.active { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; }
.qty-control { background: #faf9f7; border-color: rgba(0,0,0,0.1); }
.qty-control button { color: #3d3830; }
.qty-control button:hover { color: var(--gold); }
.qty-control input { border-color: rgba(0,0,0,0.07); color: #1a1a1a; background: transparent; }
.wishlist-btn { background: #faf9f7; border-color: rgba(0,0,0,0.1); color: #3d3830; }
.product-meta-item span { color: #9a9188; }
.product-meta-item strong { color: #3d3830; }

/* ── Cart Page ───────────────────────────────────────── */
.cart-table-head { background: #faf9f7; color: #9a9188; border-color: rgba(0,0,0,0.07); }
.cart-table-row { border-color: rgba(0,0,0,0.06); }
.cart-table-row:hover td, .cart-table-row:hover { background: rgba(184,134,11,0.03); }
.cart-product-name { color: #1a1a1a; }
.cart-product-meta { color: #9a9188; }
.cart-summary { background: #faf9f7; border-color: rgba(0,0,0,0.08); }
.cart-summary h3 { color: #1a1a1a; }
.summary-row { border-color: rgba(0,0,0,0.06); }
.summary-row span { color: #9a9188; }
.summary-total { color: var(--gold); }
.coupon-form input { background: #faf9f7; border-color: rgba(0,0,0,0.1); color: #3d3830; }
.coupon-form input:focus { border-color: var(--gold); }

/* ── Profile ──────────────────────────────────────────── */
.profile-sidebar { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.profile-user { border-color: rgba(0,0,0,0.07); }
.profile-name { color: #1a1a1a; }
.profile-email { color: #9a9188; }
.profile-avatar { background: #f5f3ef; color: var(--gold); border-color: rgba(184,134,11,0.2); }
.profile-nav a { color: #9a9188; }
.profile-nav a:hover, .profile-nav a.active { color: var(--gold); background: rgba(184,134,11,0.05); }

/* ── Order Card ──────────────────────────────────────── */
.order-card { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.order-card-head { border-color: rgba(0,0,0,0.07); }
.order-num { color: #1a1a1a; }
.order-date { color: #9a9188; }
.order-total { color: var(--gold); }

/* ── FAQ ──────────────────────────────────────────────── */
.faq-item { border-color: rgba(0,0,0,0.07); }
.faq-question { color: #1a1a1a; }
.faq-question:hover { color: var(--gold); }
.faq-icon { border-color: rgba(0,0,0,0.1); color: #9a9188; }
.faq-item.open .faq-icon { border-color: var(--gold); color: var(--gold); }
.faq-answer-inner { color: #9a9188; }

/* ── Pagination ──────────────────────────────────────── */
.page-btn { background: #ffffff; border-color: rgba(0,0,0,0.1); color: #3d3830; }
.page-btn:hover { border-color: var(--gold); color: var(--gold); }
.page-btn.active { background: var(--gold); border-color: var(--gold); color: #ffffff; }

/* ── Lightbox ────────────────────────────────────────── */
.lightbox { background: rgba(255,255,255,0.97); }
.lightbox-close { color: #9a9188; }
.lightbox-close:hover { color: #1a1a1a; }

/* ── Success Page ────────────────────────────────────── */
.success-card { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.success-title { color: #1a1a1a; }
.success-sub { color: #9a9188; }
.order-info-box { background: #faf9f7; }
.order-info-row span { color: #9a9188; }
.order-info-row strong { color: #1a1a1a; }

/* ── Contact ──────────────────────────────────────────── */
.contact-info-icon { background: rgba(184,134,11,0.08); border-color: rgba(184,134,11,0.15); }
.contact-info-text h4 { color: #1a1a1a; }
.contact-info-text p { color: #9a9188; }

/* ── Flash Messages ──────────────────────────────────── */
.flash-success { background: rgba(82,183,136,.06); border-color: rgba(82,183,136,.25); }
.flash-error { background: rgba(224,82,82,.06); border-color: rgba(224,82,82,.25); }
.flash-info { background: rgba(184,134,11,.06); border-color: rgba(184,134,11,.25); color: var(--gold); }

/* ── Toast ────────────────────────────────────────────── */
.toast { background: #ffffff; border-color: rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); color: #3d3830; }

/* ── Footer ───────────────────────────────────────────── */
.footer { background: #1a1a1a; border-color: rgba(255,255,255,0.08); }
.footer-logo { color: #ffffff; }
.footer-logo span { color: var(--gold); }
.footer-tagline { color: rgba(255,255,255,0.5); }
.social-btn { border-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); }
.social-btn:hover { border-color: var(--gold); color: var(--gold); background: rgba(184,134,11,0.08); }
.footer-col h4 { color: var(--gold); }
.footer-links a { color: rgba(255,255,255,0.45); }
.footer-links a:hover { color: var(--gold); }
.footer-newsletter { border-color: rgba(255,255,255,0.08); }
.newsletter-title { color: #ffffff; }
.newsletter-sub { color: rgba(255,255,255,0.45); }
.newsletter-form input { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.1); color: #ffffff; }
.newsletter-form input:focus { border-color: var(--gold); }
.newsletter-form input::placeholder { color: rgba(255,255,255,0.3); }
.footer-bottom { border-color: rgba(255,255,255,0.08); }
.footer-copy { color: rgba(255,255,255,0.35); }

/* ── Back to Top & Scrollbar ─────────────────────────── */
.back-top { background: #ffffff; border-color: rgba(0,0,0,0.1); color: #9a9188; }
.back-top:hover { background: var(--gold); color: #ffffff; border-color: var(--gold); }
::-webkit-scrollbar-track { background: #f5f3ef; }
::-webkit-scrollbar-thumb { background: #d4cfc9; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-dark); }
::selection { background: rgba(184,134,11,0.15); color: #1a1a1a; }

/* ── Admin (keep darker style) ───────────────────────── */
.admin-layout { background: #f5f3ef; }
.admin-sidebar { background: #1a1a1a; border-color: rgba(255,255,255,0.06); }
.admin-logo { color: #ffffff; }
.admin-logo span { color: var(--gold); }
.admin-nav-section { color: rgba(255,255,255,0.3); }
.admin-nav a { color: rgba(255,255,255,0.45); }
.admin-nav a:hover, .admin-nav a.active { color: var(--gold); background: rgba(184,134,11,0.06); border-color: var(--gold); }
.admin-topbar { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.admin-page-title { color: #1a1a1a; }
.admin-table-wrap { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.admin-table th { background: #faf9f7; color: #9a9188; border-color: rgba(0,0,0,0.07); }
.admin-table td { border-color: rgba(0,0,0,0.06); color: #3d3830; }
.admin-table tr:hover td { background: rgba(184,134,11,0.03); }
.stat-card { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.stat-label { color: #9a9188; }
.stat-value { color: #1a1a1a; }
.admin-modal { background: #ffffff; border-color: rgba(0,0,0,0.1); }
.admin-modal-head { background: #ffffff; border-color: rgba(0,0,0,0.07); }
.admin-modal-head h3 { color: #1a1a1a; }
.admin-modal-foot { border-color: rgba(0,0,0,0.07); }

/* ── Banner editorial adjusted ───────────────────────── */
.banner-editorial {
  background: linear-gradient(135deg, #1a1200 0%, #2a1f00 50%, #1a1200 100%);
}

/* ── Arabic Typography ───────────────────────────────── */
.rtl body,
.rtl p,
.rtl span,
.rtl a,
.rtl label,
.rtl input,
.rtl select,
.rtl textarea,
.rtl button {
  font-family: 'Tajawal', 'Cairo', 'Outfit', system-ui, sans-serif;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5 {
  font-family: 'Amiri', 'Noto Kufi Arabic', 'Cairo', 'Bodoni Moda', Georgia, serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
}
.rtl .nav-logo,
.rtl .footer-logo,
.rtl .auth-brand a {
  font-family: 'Bodoni Moda', Georgia, serif;
  letter-spacing: 0.15em;
}
.rtl .ann-track span {
  font-family: 'Noto Kufi Arabic', 'Tajawal', 'Cairo', system-ui, sans-serif;
  letter-spacing: 0.5px;
  font-weight: 500;
}

/* ── Section featured bg fix ─────────────────────────── */
.sec[style] { background: #f9f8f5 !important; }