/* ============================================ */
/* Comprehensive Carousel Dots Fix for Mobile */
/* تم نقل التنسيقات الموحدة إلى comprehensive-mobile-design.css لمنع التعارض */
/* ============================================ */

/* تم نقل كافة التنسيقات الموحدة إلى comprehensive-mobile-design.css لإنهاء التعارض */

/* ============================================ */
/* RTL Support for Dots */
/* ============================================ */

[dir="rtl"] .carousel-dots {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

[dir="rtl"] .dot {
    direction: ltr !important;
}

/* ============================================ */
/* Fix for Carousel Container */
/* ============================================ */

.main-page-carousel,
.announcement-carousel,
.product-carousel {
    position: relative !important;
    overflow: hidden !important;
}

.carousel-inner {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

.carousel-item {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}