/* ==========================================================
   كود CSS مخصص لمتجر "ربى الترف" - Custom CSS لمنصة زد
   يُلصق داخل: لوحة التحكم > المتجر الإلكتروني > الثيمات > تخصيص > Custom CSS
   ========================================================== */

:root {
  --brand-dark-green: #1B2F2A;
  --brand-gold: #B8934A;
  --brand-beige: #DCCFB8;
  --brand-cord: #C9B28A;
}

/* الخلفية العامة والنصوص */
body {
  color: var(--brand-dark-green) !important;
}

/* الهيدر (الشريط العلوي) */
header,
.header,
.site-header {
  background-color: var(--brand-dark-green) !important;
}

header a,
.header a,
.site-header a,
header .logo-text,
.header .logo-text {
  color: var(--brand-beige) !important;
}

/* الروابط بشكل عام */
a {
  color: var(--brand-gold) !important;
}

a:hover {
  color: var(--brand-dark-green) !important;
}

/* الأزرار الرئيسية (أضف للسلة / إتمام الطلب / إرسال) */
button,
.btn,
.btn-primary,
.add-to-cart,
.add-to-cart-btn,
input[type="submit"] {
  background-color: var(--brand-gold) !important;
  color: #ffffff !important;
  border-color: var(--brand-gold) !important;
}

button:hover,
.btn:hover,
.btn-primary:hover,
.add-to-cart:hover,
.add-to-cart-btn:hover,
input[type="submit"]:hover {
  background-color: var(--brand-dark-green) !important;
  border-color: var(--brand-dark-green) !important;
}

/* عناوين الأقسام (تسوق حسب الفئات / وصل حديثاً ...) */
h1, h2, h3,
.section-title {
  color: var(--brand-gold) !important;
}

/* بطاقات المنتجات */
.product-card,
.product-item {
  border-color: var(--brand-cord) !important;
}

.product-card .price,
.product-item .price {
  color: var(--brand-gold) !important;
  font-weight: bold;
}

/* الفوتر (أسفل المتجر) */
footer,
.footer,
.site-footer {
  background-color: var(--brand-dark-green) !important;
  color: var(--brand-beige) !important;
}

footer a,
.footer a,
.site-footer a {
  color: var(--brand-beige) !important;
}

footer a:hover,
.footer a:hover,
.site-footer a:hover {
  color: var(--brand-gold) !important;
}

/* شريط السلة / أيقونة السلة */
.cart-icon,
.cart-count {
  background-color: var(--brand-gold) !important;
  color: #ffffff !important;
}