/**
 * Arabic Right-To-Left (RTL) Stylesheet
 * AMU Website - https://amu.org.ua
 */

html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Tajawal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .title,
html[dir="rtl"] .swipl-title,
html[dir="rtl"] .amu-card__title {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* Header & Navbar RTL overrides */
html[dir="rtl"] .navbar-nav {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .ml-auto,
html[dir="rtl"] .mx-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="rtl"] .text-right {
    text-align: left !important;
}

html[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .language-switcher {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
    text-align: right !important;
}

html[dir="rtl"] .language-switcher .btn {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

/* Cards & Grid RTL Mirroring */
html[dir="rtl"] .amu-card__badge {
    left: auto;
    right: 1.25rem;
}

html[dir="rtl"] .amu-card__status-badge {
    left: auto;
    right: 1.25rem;
}

html[dir="rtl"] .amu-card__donation-code {
    right: auto;
    left: 1.25rem;
}

html[dir="rtl"] .progress-info {
    direction: rtl;
}

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

/* Icon & Navigation Flips */
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-right {
    transform: rotate(180deg);
}

html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-chevron-left {
    transform: rotate(180deg);
}

/* 4K Dashboard RTL adjustments */
html[dir="rtl"] .support-card {
    flex-direction: row-reverse;
}

html[dir="rtl"] .cards-grid {
    direction: rtl;
}