/* Explain: Styles for the testimonials carousel component with navigation arrows and pagination. */
/* ---------- قسم آراء العملاء — سلايدر بأسهم يمين/يسار ونقاط أسفله ---------- */
.testimonials-carousel {
    position: relative;
    margin-top: 0.5rem;
}

/* مساحة داخلية حتى لا تغطي الأسهم بطاقات الآراء */
.testimonials-carousel .testimonials-swiper {
    padding-inline: 1.6rem;
}

@media (min-width: 768px) {
    .testimonials-carousel .testimonials-swiper {
        padding-inline: 3.4rem;
    }
}

/* تخطيط منطقي: البداية = اليمين في RTL */
.testimonials-swiper-prev { inset-inline-start: 0.2rem; }
.testimonials-swiper-next { inset-inline-end: 0.2rem; }

@media (max-width: 767px) {
    .testimonials-swiper-prev { inset-inline-start: 0; }
    .testimonials-swiper-next { inset-inline-end: 0; }
}

/* تساوي ارتفاع البطاقات في الصف */
.testimonials-carousel .swiper-wrapper { align-items: stretch; }
.testimonials-carousel .swiper-slide { height: auto; }

/* النقاط أسفل الكاروسيل */
.testimonials-swiper-pagination {
    position: static;
    width: auto;
    margin-top: 1.1rem;
    text-align: center;
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-inactive-color: var(--border-color);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-color: var(--primary-color);
}

.testimonials-swiper-pagination.swiper-pagination-bullets-dynamic {
    overflow: visible;
}