/* Add custom CSS styles below */ 
/* 1. استيراد الخط بطريقة محسنة لسرعة التحميل */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;600&display=swap');

:root {
  --primary-color: #56597a; /* لونك الأساسي الاحترافي */
  --accent-gray: #f8f9fa;
  --main-font: 'Noto Kufi Arabic', sans-serif;
}

/* تطبيق الخط على العناصر الأساسية فقط لتقليل ثقل المعالجة */
body, h1, h2, h3, .s-product-card-title, .s-button-element {
  font-family: var(--main-font) !important;
}

/* 2. تمييز بطاقات المنتجات (كسر النمط الهندسي) */
.s-product-card-entry {
  border: 1px solid #eeeeee !important;
  border-radius: 20px !important; /* حواف عصرية */
  background: #ffffff !important;
  transition: all 0.25s ease-in-out !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

/* تأثير التمرير خفيف ولا يسبب تعليق في المتصفح */
.s-product-card-entry:hover {
  border-color: var(--primary-color) !important;
  box-shadow: 0 8px 15px rgba(86, 89, 122, 0.08) !important;
}

/* 3. هوية بصرية للأزرار (أزرار احترافية) */
.s-button-element, .add-to-cart-btn {
  border-radius: 12px !important; /* زوايا ناعمة بدلاً من البيضاوية المبالغ فيها */
  background: var(--primary-color) !important;
  transition: opacity 0.2s !important;
}

.s-button-element:hover {
  opacity: 0.9 !important;
}

/* 4. إخفاء العناصر غير الضرورية لفك الارتباط الرقمي */
/* تم إبقاء الروابط المهمة وحذف الشعارات فقط لضمان سرعة الزحف (Crawling) */
.s-footer-copyright, 
.salla-logo, 
.powered-by-salla {
  display: none !important;
  opacity: 0 !important;
}

/* 5. تنسيق السعر بشكل واضح وقانوني */
/* قوقل يحب أن يكون السعر واضحاً وغير متداخل مع عناصر أخرى */
.s-product-card-price {
  color: var(--primary-color) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}

/* 6. تحسين سرعة التصفح (تجنب الـ Layout Shift) */
img {
  content-visibility: auto; /* يساعد في تسريع تحميل الصور عند التمرير */
}