/* FINAL SALLA FIXES - CSS */

/* 1. إصلاح مشكلة الخطوط (Best Practices) */
/* هذا الكود يمنع التنبيه الخاص بـ Ensure text remains visible */
@font-face {
  font-family: 'DIN Next LT Arabic';
  font-display: swap;
}

body, h1, h2, h3, h4, p, a, span, div, li {
  font-family: 'DIN Next LT Arabic', sans-serif !important;
}
}

/* 2. تحسين تباين الألوان (Accessibility) */
/* يحل مشكلة Background and foreground colors do not have a sufficient contrast ratio */
p, .product-entry__title, span {
    color: #222; /* تغميق النصوص الفاتحة قليلاً لتصبح مقروءة */
}

/* 3. تحديد التركيز للمكفوفين (Accessibility 100 Requirement) */
/* يظهر إطار فقط عند استخدام الكيبورد */
:focus {
    outline: none !important;
}
:focus-visible {
    outline: 2px solid #000 !important;
    outline-offset: 2px;
}

/* 4. ثبات الهيكل (Performance - CLS) */
/* يمنع الصور من القفز وتغيير مكان النصوص */
img {
    max-width: 100%;
    height: auto;
}
.swiper-container, .s-block--slider {
    transform: translateZ(0); /* تفعيل كرت الشاشة للنعومة */
}