/* Add custom CSS styles below */ 
:root {
  --color-header-bg: #000000 !important;
  --header-bg: #000000 !important;
  --navbar-bg: #000000 !important;
}


/* ===== العالمية للمجوهرات - تصميم فاخر ===== */

/* --- خط فاخر للعناوين --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

/* --- الهيدر / شريط التنقل --- */
header, .header, #header, nav {
  background: #0a0a0a !important;
  border-bottom: 1px solid #C5A028 !important;
  box-shadow: 0 2px 20px rgba(197, 160, 40, 0.15) !important;
}

/* --- لون النصوص في الهيدر --- */
header a, header span, nav a, .store-name {
  color: #f5f0e8 !important;
  letter-spacing: 0.5px;
}

/* --- اسم المتجر --- */
.store-name, .header__store-name {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.3rem !important;
  color: #C5A028 !important;
  letter-spacing: 2px !important;
}

/* --- الأزرار الرئيسية --- */
.btn-primary, button[type=submit], .add-to-cart {
  background: linear-gradient(135deg, #C5A028, #e8c84a) !important;
  color: #0a0a0a !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover, button[type=submit]:hover {
  background: linear-gradient(135deg, #e8c84a, #C5A028) !important;
  box-shadow: 0 4px 15px rgba(197, 160, 40, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* --- بطاقات المنتجات --- */
.product-card, .product-item {
  border: 1px solid #e8e0d0 !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  overflow: hidden;
}

.product-card:hover, .product-item:hover {
  border-color: #C5A028 !important;
  box-shadow: 0 8px 30px rgba(197, 160, 40, 0.2) !important;
  transform: translateY(-4px) !important;
}

/* --- عناوين المنتجات --- */
.product-title, .product-name, h2, h3 {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

/* --- سعر المنتج --- */
.product-price, .price {
  color: #C5A028 !important;
  font-weight: bold !important;
  font-size: 1.1rem !important;
}

/* --- الفوتر --- */
footer, .footer {
  background: #0a0a0a !important;
  border-top: 1px solid #C5A028 !important;
  color: #888 !important;
}

footer a, .footer a {
  color: #C5A028 !important;
}

/* --- شريط الإعلان العلوي --- */
.announcement-bar {
  background: #C5A028 !important;
  color: #0a0a0a !important;
  font-weight: bold !important;
}

/* --- لون الـ scrollbar --- */
::-webkit-scrollbar-thumb {
  background: #C5A028 !important;
  border-radius: 4px;

/* --- نافبار أسود شامل لثيم رائد --- */
.navbar,
.nav-bar,
.site-header,
.main-header,
[class*="header"],
[class*="navbar"],
[class*="nav-bar"] {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* sticky header */
.sticky-header,
[class*="sticky"][class*="header"],
[class*="header"][class*="sticky"] {
  background: #000000 !important;
  background-color: #000000 !important;
}
}

::-webkit-scrollbar {
  width: 6px;
}