/* =========================================================
   Al Afnan — Black & Gold luxury theme
   One file, loaded last. Remove the <link> to undo.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Jost:wght@300;400;500&display=swap');

:root{
  --lux-bg:#0b0b0c;
  --lux-bg-2:#121213;
  --lux-card:#17171a;
  --lux-line:rgba(201,162,74,.28);
  --lux-gold:#c9a24a;
  --lux-gold-2:#e6c97f;
  --lux-gold-grad:linear-gradient(135deg,#8a6a26 0%,#c9a24a 35%,#f1d98f 55%,#c9a24a 75%,#8a6a26 100%);
  --lux-text:#ece7dc;
  --lux-muted:#a49c8c;
  --lux-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --lux-sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- Base ---------- */
html,body{background:var(--lux-bg)!important;color:var(--lux-text)!important;}
body{font-family:var(--lux-sans)!important;font-weight:300;letter-spacing:.2px;}
::selection{background:var(--lux-gold);color:#000;}
a{color:var(--lux-gold-2);}
a:hover{color:#fff;}
.text-muted{color:var(--lux-muted)!important;}
.text-dark{color:var(--lux-text)!important;}
.bg-white,.bg-light{background-color:var(--lux-bg)!important;}
hr,.border-top,.border-bottom,.border-light{border-color:var(--lux-line)!important;}

h1,h2,h3,h4,h5,.best-sellers-title{
  font-family:var(--lux-serif)!important;font-weight:600!important;
  color:var(--lux-text)!important;letter-spacing:1.5px;
}
h6{color:var(--lux-text)!important;}

/* Section titles: gold small-caps with ornament line */
.best-sellers-title,section > h2.text-center{
  text-transform:uppercase;letter-spacing:6px!important;font-size:clamp(24px,3vw,38px)!important;
  background:var(--lux-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  position:relative;padding-bottom:18px;
}
.best-sellers-title::after,section > h2.text-center::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:90px;height:1px;background:var(--lux-gold-grad);
}

/* ---------- Header ---------- */
header,header.bg-white,.mobile-header,.mobile-sidebar,.mobile-sidebar-footer,#search-overlay{
  background:#000!important;color:var(--lux-text)!important;
}
header.shadow-sm{box-shadow:0 1px 0 var(--lux-line)!important;}
header .alert,header .alert-warning{
  background:#000!important;color:var(--lux-gold-2)!important;border:0!important;border-bottom:1px solid var(--lux-line)!important;
  border-radius:0!important;letter-spacing:2px;font-size:13px;text-transform:uppercase;margin-bottom:0!important;
}
header .alert strong{color:var(--lux-gold-2)!important;}
/* logo (black on white) -> gold on black */
header img[src*="logo"],footer img[src*="logo"],.mobile-sidebar img[src*="logo"]{
  filter:invert(1) sepia(1) saturate(2.6) hue-rotate(-12deg) brightness(.95) contrast(1.15);
  mix-blend-mode:screen;
}
.secondary-nav-link,.nav-link,header .dropdown-toggle,.mobile-nav a{
  color:var(--lux-text)!important;text-transform:uppercase;letter-spacing:2.5px;font-size:13px!important;font-weight:400;
  transition:color .25s;
}
.secondary-nav-link:hover,.nav-link:hover,header .dropdown-toggle:hover,.mobile-nav a:hover{color:var(--lux-gold-2)!important;}
.dropdown-menu{background:#0f0f10!important;border:1px solid var(--lux-line)!important;border-radius:2px!important;}
.dropdown-item{color:var(--lux-text)!important;letter-spacing:1px;}
.dropdown-item:hover,.dropdown-item:focus{background:rgba(201,162,74,.12)!important;color:var(--lux-gold-2)!important;}
header .icon-btn,header i,header .fas,header svg{color:var(--lux-gold-2)!important;fill:currentColor;}
.navbar-currency,#navbarCurrencySelector{
  background:transparent!important;color:var(--lux-text)!important;border:1px solid var(--lux-line)!important;border-radius:2px!important;
}
header input,#search-overlay input,input[type="search"]{
  background:transparent!important;color:var(--lux-text)!important;border:1px solid var(--lux-line)!important;
}
header input::placeholder{color:var(--lux-muted)!important;}
.mobile-login-btn{background:var(--lux-gold-grad)!important;color:#111!important;border:0!important;}
.close-btn{color:var(--lux-gold-2)!important;}

/* currency picker modal */
#currencyModalOverlay > *{background:#111!important;color:var(--lux-text)!important;border:1px solid var(--lux-line);}
.currencyOption{border-color:var(--lux-line)!important;}
.currencyOption:hover{background:rgba(201,162,74,.1)!important;}
.currencyTitle{color:var(--lux-text)!important;}
.currencySymbol{color:var(--lux-gold)!important;}

/* ---------- Buttons ---------- */
.btn-secondary,.rounded-pill-purple,.btn-primary,.btn-dark,.btn-success,.btn-animate{
  background:var(--lux-gold-grad)!important;background-size:200% 100%!important;color:#111!important;
  border:0!important;border-radius:2px!important;text-transform:uppercase;letter-spacing:3px;font-weight:500!important;
  font-size:14px!important;padding:14px 38px!important;box-shadow:0 8px 24px rgba(201,162,74,.18);
  transition:background-position .5s ease,transform .2s ease,box-shadow .3s;
}
.btn-secondary:hover,.rounded-pill-purple:hover,.btn-primary:hover,.btn-dark:hover,.btn-success:hover,.btn-animate:hover{
  background-position:100% 0!important;color:#000!important;transform:translateY(-1px);box-shadow:0 10px 30px rgba(201,162,74,.3);
}
.btn-outline-dark,.btn-animate-outline{
  color:var(--lux-gold-2)!important;border:1px solid var(--lux-gold)!important;background:transparent!important;
  border-radius:2px!important;text-transform:uppercase;letter-spacing:2px;font-weight:400!important;font-size:12px!important;
  transition:all .3s;
}
.btn-outline-dark:hover,.btn-animate-outline:hover{background:var(--lux-gold)!important;color:#111!important;}
.btn-light,.scroll-btn{
  background:rgba(0,0,0,.6)!important;color:var(--lux-gold-2)!important;border:1px solid var(--lux-line)!important;
}
.btn-light:hover,.scroll-btn:hover{background:var(--lux-gold)!important;color:#111!important;}

/* ---------- Product cards ---------- */
.product-section{background:var(--lux-bg)!important;}
.product-card{
  background:var(--lux-card)!important;border:1px solid rgba(201,162,74,.14)!important;border-radius:4px!important;
  padding:14px 14px 18px!important;text-align:center;transition:transform .35s ease,border-color .35s,box-shadow .35s;
}
.product-card:hover{transform:translateY(-4px);border-color:var(--lux-gold)!important;box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 0 1px rgba(201,162,74,.25);}
.card-img-placeholder{background:#fff!important;border-radius:2px!important;overflow:hidden;}
.card-img-placeholder img{transition:transform .6s ease;}
.product-card:hover .card-img-placeholder img{transform:scale(1.05);}
.product-name-text{
  font-family:var(--lux-serif)!important;font-size:20px!important;font-weight:600;color:var(--lux-text)!important;letter-spacing:.5px;
}
.product-price{color:var(--lux-gold-2)!important;font-weight:400!important;letter-spacing:1px;font-size:17px!important;}
.product-card .btn{margin-top:6px;}

/* ---------- Generic cards / panels / forms (product, cart, contact) ---------- */
.card,.list-group-item,.modal-content,.offcanvas,.accordion-item,.accordion-button,.table{
  background-color:var(--lux-card)!important;color:var(--lux-text)!important;border-color:var(--lux-line)!important;
}
.table>:not(caption)>*>*{background-color:transparent!important;color:var(--lux-text)!important;border-color:var(--lux-line)!important;}
.form-control,.form-select,textarea,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select{
  background:#0f0f10!important;color:var(--lux-text)!important;border:1px solid var(--lux-line)!important;border-radius:2px!important;
}
.form-control:focus,.form-select:focus,textarea:focus,input:focus,select:focus{
  border-color:var(--lux-gold)!important;box-shadow:0 0 0 3px rgba(201,162,74,.15)!important;outline:none;
}
.form-control::placeholder,textarea::placeholder{color:#7e786c!important;}
.qty-btn,.qty-input{background:#0f0f10!important;color:var(--lux-text)!important;border-color:var(--lux-line)!important;}
.btn-outline-secondary{color:var(--lux-gold-2)!important;border-color:var(--lux-line)!important;}
.btn-outline-secondary:hover{background:var(--lux-gold)!important;color:#111!important;}
.text-success{color:var(--lux-gold-2)!important;}
.text-danger{color:#e07a6b!important;}

/* ---------- Feature strip / misc ---------- */
.feature-text{color:var(--lux-text)!important;letter-spacing:1.5px;text-transform:uppercase;font-size:13px!important;}
.feature-icon,.feature-icon i{color:var(--lux-gold)!important;}
.shadow-sm{box-shadow:none!important;}

/* ---------- Hero + promo (added earlier) ---------- */
.hero-video .hero-shop-btn{border-color:var(--lux-gold)!important;color:var(--lux-gold-2)!important;background:rgba(0,0,0,.55)!important;letter-spacing:4px!important;}
.hero-video .hero-shop-btn:hover{background:var(--lux-gold)!important;color:#111!important;}
.promo-pair a{border:1px solid var(--lux-line);}

/* ---------- Footer ---------- */
footer,footer .bg-white,footer .bg-light{background:#000!important;color:var(--lux-muted)!important;border-top:1px solid var(--lux-line)!important;}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6{
  font-family:var(--lux-serif)!important;color:var(--lux-gold-2)!important;letter-spacing:3px;text-transform:uppercase;font-size:18px!important;
}
footer a,footer .nav-link{color:var(--lux-muted)!important;text-transform:none;letter-spacing:.5px;font-size:15px!important;}
footer a:hover,footer .nav-link:hover{color:var(--lux-gold-2)!important;}
footer svg,footer i{color:var(--lux-gold)!important;fill:currentColor;}

/* ---------- Mobile tweaks ---------- */
@media (max-width:767.98px){
  header .alert{font-size:11px;letter-spacing:1px;}
  .product-name-text{font-size:18px!important;}
  .btn-secondary,.rounded-pill-purple,.btn-success,.btn-animate{padding:12px 26px!important;letter-spacing:2px;}
}
/* ---------- Catalog page ---------- */
.ec-view-btn{background:transparent!important;color:var(--lux-muted)!important;border:1px solid var(--lux-line)!important;border-radius:2px!important;}
.ec-view-btn.active,.ec-view-btn:hover{background:var(--lux-gold)!important;color:#111!important;border-color:var(--lux-gold)!important;}
.ec-view-btn i,.ec-view-btn svg{color:inherit!important;fill:currentColor;}
input[type="range"]{accent-color:var(--lux-gold);}
label,.form-label,small{color:var(--lux-muted);}
.input-group-text{background:transparent!important;color:var(--lux-gold-2)!important;border-color:var(--lux-line)!important;}
/* ---------- Footer social + alerts ---------- */
footer .btn i,footer .btn svg,footer .btn-primary i,footer .btn-primary svg{color:#111!important;fill:#111!important;}
footer .btn{padding:10px 18px!important;}
.alert,.alert-warning,.alert-info,.alert-success{
  background:var(--lux-card)!important;color:var(--lux-text)!important;border:1px solid var(--lux-line)!important;border-radius:2px!important;
}