/**
 * RTL Fixes for Arabic Language
 * Fixes carousel arrows and other RTL issues
 */

/* ========================================
   CAROUSEL ARROWS RTL FIX
   ======================================== */

[dir="rtl"] .carousel-control-prev,
[dir="rtl"] .carousel-control-next {
    /* Swap positions */
}

[dir="rtl"] .carousel-control-prev {
    right: 0;
    left: auto;
}

[dir="rtl"] .carousel-control-next {
    left: 0;
    right: auto;
}

/* Flip the arrow icons */
[dir="rtl"] .carousel-control-prev-icon {
    transform: scaleX(-1);
}

[dir="rtl"] .carousel-control-next-icon {
    transform: scaleX(-1);
}

/* Event Carousel specific fixes */
[dir="rtl"] .event-carousel .carousel-control-prev {
    right: 0;
    left: auto;
}

[dir="rtl"] .event-carousel .carousel-control-next {
    left: 0;
    right: auto;
}

/* Gallery Slider RTL fix */
[dir="rtl"] #updateGallerySlider .carousel-control-prev {
    right: 0;
    left: auto;
}

[dir="rtl"] #updateGallerySlider .carousel-control-next {
    left: 0;
    right: auto;
}

[dir="rtl"] #updateGallerySlider .carousel-control-prev-icon,
[dir="rtl"] #updateGallerySlider .carousel-control-next-icon {
    transform: scaleX(-1);
}

/* ========================================
   CALENDAR RTL FIXES
   ======================================== */

[dir="rtl"] .school-calendar-grid {
    direction: ltr; /* Keep calendar grid LTR */
}

[dir="rtl"] .school-calendar-day-header {
    direction: rtl;
}


/* ========================================
   MENU RTL FIXES
   ======================================== */

[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
}

[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

/* ========================================
   PAGINATION RTL FIXES
   ======================================== */

[dir="rtl"] .pagination {
    direction: rtl;
}

[dir="rtl"] .page-link {
    margin-right: -1px;
    margin-left: 0;
}

/* ========================================
   HERO CONTENT RTL FIXES
   ======================================== */

[dir="rtl"] .hero-content {
    text-align: right;
}

[dir="rtl"] .inner-hero-content {
    text-align: right;
}

/* ========================================
   MOBILE MENU RTL FIXES
   ======================================== */

[dir="rtl"] .mobile-menu-icon {
    right: auto;
    left: 20px;
}

[dir="rtl"] .mobile-menu {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

[dir="rtl"] .mobile-menu.active {
    transform: translateX(0);
}

/* ========================================
   NEWS GRID RTL FIXES
   ======================================== */

[dir="rtl"] .news-grid-category-badge {
    right: auto;
    left: 15px;
}

/* ========================================
   SOCIAL ICONS RTL FIXES
   ======================================== */

[dir="rtl"] .social-icons {
    justify-content: flex-start;
}

[dir="rtl"] .social-icons a {
    margin-right: 0;
    margin-left: 15px;
}

[dir="rtl"] .social-icons a:last-child {
    margin-left: 0;
}