/* Add custom CSS styles below */ 
/* =====================================================================
   GOLDEX — Custom CSS for Salla (Raed theme)
   Brand: "TIMELESS GOLD, ELEVATED." / ذهب خالد.. يليق بك
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Cairo:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600&display=swap');

:root {
  --goldex-gold:        #D4AF37;
  --goldex-ink:          #111111;
  --goldex-cream:        #F2E8D6;
  --goldex-cream-light:  #F7F2E7;
  --goldex-hairline:     #EEE3CE;
  --goldex-card-border:  #F0EAD9;
  --goldex-taupe:        #6b6252;
  --goldex-taupe-dark:   #4a4438;
  --goldex-placeholder:  #8a7c5f;
  --goldex-footer-bg:    #0B0B0B;
  --goldex-footer-text:  #C9C4B8;
  --goldex-footer-muted: #8a8578;

  --font-main:            'Cairo', sans-serif;
  --color-primary:        var(--goldex-ink);
  --color-primary-dark:   #000000;
  --color-primary-light:  #2a2a2a;
  --color-primary-reverse:#FFFFFF;
}

body { font-family: 'Cairo', sans-serif; color: var(--goldex-ink); background: #FFFFFF; }
h1, h2, h3, .page-title, .section-title, .heading { font-family: 'Playfair Display', serif; }
a { color: var(--goldex-ink); text-decoration: none; }
a:hover { color: var(--goldex-gold); }
.link--primary { color: var(--goldex-gold); }
.link--primary:hover { color: var(--goldex-taupe-dark); }
.text-xs.uppercase, .badge, .tag { font-family: 'Montserrat', sans-serif; letter-spacing: .5px; }

.header, salla-header, #header, .main-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--goldex-hairline);
}
.header .logo, .site-logo, .header-logo { font-family: 'Playfair Display', serif; letter-spacing: 4px; }
.header-search { border-color: var(--goldex-hairline); }

.announcement-bar, .top-bar, .header-ads {
  background: var(--goldex-ink);
  color: var(--goldex-gold);
  font-family: 'Montserrat', sans-serif;
  letter-spacing: .5px;
}

.btn, .btn--primary { border-radius: 0; letter-spacing: .5px; }
.btn--primary { background: var(--goldex-ink); border-color: var(--goldex-ink); color: #FFFFFF; }
.btn--primary:hover { background: #000000; border-color: #000000; }
.btn--outline-primary { background: transparent; border: 1px solid var(--goldex-ink); color: var(--goldex-ink); }
.btn--outline-primary:hover { background: var(--goldex-ink); color: #FFFFFF; }
.btn--gold, .sticky-product-bar .btn--primary {
  background: var(--goldex-gold); border-color: var(--goldex-gold); color: var(--goldex-ink);
}
.btn--gold:hover { background: #B08D57; border-color: #B08D57; }

.form-input, .form-label { font-family: 'Cairo', sans-serif; }
.form-input { border-radius: 0; border-color: var(--goldex-hairline); }
.form-input:focus { border-color: var(--goldex-gold); }

.product-entry { border: 1px solid var(--goldex-card-border); border-radius: 0; transition: transform .25s ease; }
.product-entry:hover { transform: translateY(-2px); }
.product-entry .price, .product-entry .actual-price, .product-entry .sale-price, .product-entry .discounted-price {
  color: var(--goldex-gold) !important;
  font-family: 'Montserrat', sans-serif;
}

footer, .footer, salla-footer { background: var(--goldex-footer-bg) !important; color: var(--goldex-footer-text); }
footer a, .footer a { color: var(--goldex-footer-muted); }
footer a:hover, .footer a:hover { color: var(--goldex-gold); }
footer .logo, .footer .logo { font-family: 'Playfair Display', serif; letter-spacing: 5px; color: #FFFFFF; }

.section--cream { background: var(--goldex-cream) !important; }
.section--dark  { background: var(--goldex-ink) !important; color: #FFFFFF; }