/* ═══════════════════════════════════════
   تحديث الفوتر: خلفية بيج + خط بني غامق
   + إزالة الدوائر من الأسعار والأسماء
═══════════════════════════════════════ */

/* ── 1. ضبط خلفية الفوتر وألوان النصوص ── */
footer, 
.footer, 
.main-footer, 
[class*="footer"] {
  background-color: #F9F3E8 !important; /* الخلفية بيج */
  color: #462514 !important;            /* النص بني غامق */
  border-top: 1px solid #462514 !important; /* خط بسيط للفصل */
}

/* تلوين الروابط والنصوص الفرعية والإيميل في الفوتر */
footer a, 
.footer-links a, 
.footer-menu a, 
.footer-contact-info, 
.footer-contact-info span,
.footer p, 
.footer h3, 
.footer h4 {
  color: #462514 !important;
  text-decoration: none !important;
}

/* تلوين أيقونات التواصل الاجتماعي في الفوتر */
.footer-social-links a, 
.social-icon, 
.footer svg, 
.footer i {
  color: #462514 !important;
  fill: #462514 !important; /* لضمان تلوين أيقونات الـ SVG */
}

/* ── 2. إزالة الدوائر والزخارف من الأسعار والأسماء ── */
/* هذا الكود يلغي أي شكل دائري (Badge) يظهر خلف السعر أو الاسم */
.price::before, 
.price::after,
.product-name::before, 
.product-name::after,
.product-card .badge, 
.product-item .badge,
[class*="circle"], 
[class*="dot"], 
.product-card .discount-badge {
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════
   كود استهداف أيقونات (السلة + الحساب + العملة) 
   النسخة النهائية لفرض اللون البني #462514
═══════════════════════════════════════ */

/* 1. استهداف جميع مسارات الرسم للأيقونات في الهيدر */
header svg, 
header svg *, 
.site-header svg, 
.site-header svg *,
[class*="header"] svg,
[class*="header"] svg * {
    fill: #462514 !important;
    stroke: #462514 !important;
    color: #462514 !important;
}

/* 2. استهداف مباشر لأيقونة الشخص (الحساب) والسلة */
a[href*="login"] svg, 
a[href*="account"] svg, 
a[href*="cart"] svg,
.cart-icon svg,
.user-icon svg,
.account-button svg {
    fill: #462514 !important;
    color: #462514 !important;
}

/* 3. استهداف النصوص بجانب الأيقونات (الريال السعودي، تسجيل الدخول) */
header a, 
header span, 
.header-top-menu a,
.header-user-wrapper span,
.currency-symbol {
    color: #462514 !important;
}

/* 4. إزالة أي دوائر رمادية خلف الأيقونات إذا وجدت */
.header-icons-group a, 
.header-action-item {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* 5. أيقونات الخطوط (FontIcons) في حال لم تكن SVG */
header i, 
[class*="icon"] i {
    color: #462514 !important;
}