/* RTL Support - Arabic Styles */

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

/* Apply RTL direction to flex/grid EXCEPT pagination and navigation arrows */
[dir="rtl"] .flex:not(.pagination-controls):not(#page-numbers),
[dir="rtl"] .grid {
    direction: rtl;
}

[dir="rtl"] .ml-auto {
    margin-right: auto;
    margin-left: initial;
}

[dir="rtl"] .mr-auto {
    margin-left: auto;
    margin-right: initial;
}

/* Flip icons if necessary - but NOT navigation arrows */
[dir="rtl"] .icon-arrow-right {
    transform: rotate(180deg);
}

/* Adjust paddings/margins for specific components */
[dir="rtl"] .btn-glass i {
    margin-right: 0;
    margin-left: var(--space-sm);
}

/* ========== UNIVERSAL ARROWS - DON'T FLIP IN RTL ========== */
/* Pagination controls should always be LTR (left arrow on left, right arrow on right) */
[dir="rtl"] .pagination-controls,
[dir="rtl"] #pagination-container,
[dir="rtl"] #page-numbers {
    direction: ltr !important;
    flex-direction: row !important;
}

/* Keep pagination centered in RTL */
[dir="rtl"] #pagination-container {
    justify-content: center !important;
    text-align: center !important;
}

/* Navigation and pagination arrows are universal and should NOT be transformed */
[dir="rtl"] .pagination-btn i,
[dir="rtl"] .pagination-controls i,
[dir="rtl"] #prev-page i,
[dir="rtl"] #next-page i,
[dir="rtl"] .pagination-btn svg,
[dir="rtl"] #prev-page svg,
[dir="rtl"] #next-page svg,
[dir="rtl"] .carousel-btn i,
[dir="rtl"] .nav-arrow i,
[dir="rtl"] .swiper-button-next,
[dir="rtl"] .swiper-button-prev,
[dir="rtl"] [data-lucide="chevron-left"],
[dir="rtl"] [data-lucide="chevron-right"],
[dir="rtl"] [data-lucide="arrow-left"],
[dir="rtl"] [data-lucide="arrow-right"] {
    transform: none !important;
}