/* =========================================================
   تنسيقات متجر أورَا كير (Aura Care) - الإصدار المحدث
   المطور: المهندس علي الحبيشي
   ========================================================= */

/* 1. الألوان والهوية البصرية الجديدة (عنابي #4f0404) */
html, :root {
  --color-primary: #4f0404 !important;
  --color-primary-dark: #300202 !important;
  --color-primary-light: #fbeeee !important;
  --color-primary-reverse: #FFFFFF !important;
  --color-header-main: #FFFFFF !important;
  --color-header-text: #1F1E21 !important;
  --color-navbar-main: #FFFFFF !important;
  --color-navbar-text: #1F1E21 !important;
  --color-submenu-background: #FFFFFF !important;
  --color-submenu-text: #1F1E21 !important;
  --color-footer-main: #1F1E21 !important;
  --color-footer-text: #FFFFFF !important;
  --background-color-theme: #fefcfc !important;
  --main-text-color: #1F1E21 !important;
  --color-text: #1F1E21 !important;
  --color-border: #e8e0e0 !important;
  --color-border-light: #f4f0f0 !important;
  --color-breadcrumbs: #fdf5f5 !important;
  --color-text-breadcrumbs: #8F8B92 !important;
  --promotion-background-color: #4f0404 !important;
  --promotion-title-color: #FFFFFF !important;
  --product-title-color: #1F1E21 !important;
  --subtitle-color: #8F8B92 !important;
  --price-after-discount-color: #4f0404 !important;
  --price-before-discount-color: #B9B4BA !important;
  --backgroun-color-product-single: #fefcfc !important;
}

body {
  background: #FFFFFF !important;
  color: #1F1E21 !important;
}

a { color: #4f0404 !important; }
a:hover { color: #300202 !important; }

/* 2. شريط التصنيفات */
.navbar a:hover,
nav a:hover,
[class*="root-level"]:hover {
  color: #4f0404 !important;
  border-color: #4f0404 !important;
}

/* 3. شارة الخصم */
.prestige-label {
  background: #4f0404 !important;
  color: #FFFFFF !important;
}

/* 4. السعر */
.s-product-card-sale-price h4,
.s-product-card-price {
  color: #4f0404 !important;
}

/* 5. بطاقات المنتجات */
.custom-salla-product-card:hover,
.prestige-card:hover {
  border-color: #4f0404 !important;
  box-shadow: 0 10px 30px rgba(79, 4, 4, 0.15) !important;
}

/* 6. الفوتر */
[class*="footer"] a:hover { color: #4f0404 !important; }

/* 7. زر الواتساب */
.salla-whatsapp-btn, [class*="whatsapp"] {
  background-color: #25D366 !important;
  border-color: #25D366 !important;
}

/* 8. أيقونات الهيدر */
.cart-count, .s-cart-summary-count {
  background-color: #4f0404 !important;
  color: #ffffff !important;
}

header a:hover, header a:hover i, header a:hover svg {
  color: #4f0404 !important;
  fill: #4f0404 !important;
}
/* =========================================================
   تعديلات الفوتر والكتابة وأيقونات السوشيال ميديا (بدون المساس بالواتساب)
   ========================================================= */

/* جعل جميع النصوص والروابط والأيقونات داخل الفوتر باللون الأبيض */
footer, 
footer p, 
footer span, 
footer a, 
footer li {
  color: #FFFFFF !important;
}

/* إطار وأيقونات السوشيال ميديا باللون الأبيض */
footer [class*="social"] a, 
footer [class*="social"] svg, 
.footer-social a,
.footer-social svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* =========================================================
   إعادة لون زر الواتساب للأخضر الأصلي
   ========================================================= */
.salla-whatsapp-btn,
[class*="whatsapp"],
a[href*="wa.me"],
a[href*="whatsapp"] {
  background-color: #25D366 !important;
  color: #FFFFFF !important;
  border-color: #25D366 !important;
}

.salla-whatsapp-btn svg,
.salla-whatsapp-btn i,
[class*="whatsapp"] svg,
[class*="whatsapp"] i {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}