/* base.css */
/* ⚠️ ملاحظة: هذا الملف يمثل جزءاً من تقسيم main.css الأصلي. 
   يجب حفظ هذا المحتوى في ملف جديد: css/base.css
*/

body {
    font-family: 'Tajawal', sans-serif;
    background-color: #f0f4f8;
    direction: rtl;
    padding-bottom: 4.5rem;
    /* 🛑 FIX: إزالة overflow: hidden; لتمكين التمرير في الريلز والموقع */
    /* overflow: hidden; */
    overflow-x: hidden; /* إخفاء الأفقي فقط */

    /* 🛑 إزالة قواعد إخفاء الشريط من body للسماح بتمكينها في الحاويات الداخلية */
    -ms-overflow-style: auto;
    scrollbar-width: auto;
}

/* WebKit (Chrome, Safari) */
body::-webkit-scrollbar {
    display: auto;
}

.horizontal-scroll-container {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.horizontal-scroll-container::-webkit-scrollbar {
    display: none;
}
.horizontal-scroll-content {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
     display: flex;
     gap: 0.5rem;
}
.horizontal-scroll-content > div {
    flex-shrink: 0;
    width: 8rem;
}

.pt-\[56\.25\%\] {
    padding-top: 56.25%;
}

/* 🛑 NEW: إخفاء شريط التمرير لـ Quick Links Carousel 🛑 */
#quick-links-section .flex {
    overflow-x: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#quick-links-section .flex::-webkit-scrollbar {
    display: none; /* WebKit (Chrome, Safari) */
}