/* ============================================
   RTL / LTR Overrides for SchoolRadar
   This file is loaded only for LTR (English) mode
   to fix direction-specific styling issues.
   ============================================ */

/* === Global LTR Adjustments === */
[dir="ltr"] body {
    text-align: left;
}

/* Ensure proper margin/padding direction in LTR */
[dir="ltr"] .me-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
[dir="ltr"] .me-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
[dir="ltr"] .ms-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }

/* === Navbar Adjustments === */
[dir="ltr"] .navbar-brand i {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* === Section Title Pseudo Element === */
[dir="ltr"] .section-title::after {
    left: 0;
    right: auto;
}

[dir="rtl"] .section-title::after {
    right: 0;
    left: auto;
}

/* === Form Controls === */
[dir="ltr"] .form-select,
[dir="ltr"] .form-control {
    text-align: left;
}

[dir="rtl"] .form-select,
[dir="rtl"] .form-control {
    text-align: right;
}

/* === Toast Container === */
[dir="ltr"] .toast-container {
    right: 20px;
    left: auto;
}

[dir="rtl"] .toast-container {
    right: 20px;
    left: auto;
}

/* === Lang Switch Button === */
[dir="ltr"] .lang-switch {
    direction: ltr;
}

/* === School Card === */
[dir="ltr"] .school-card {
    text-align: left;
}

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

/* === Badge Labels === */
[dir="ltr"] .badge-label {
    margin-right: 4px;
    margin-left: 0;
}

[dir="rtl"] .badge-label {
    margin-left: 4px;
    margin-right: 0;
}

/* === Score Badges === */
[dir="ltr"] .score-badge {
    text-align: center;
}

/* === Admin Sidebar === */
[dir="ltr"] .admin-sidebar {
    text-align: left;
}

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

/* === Wizard Steps === */
[dir="ltr"] .wizard-progress {
    direction: ltr;
}

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

/* === Table Alignment === */
[dir="ltr"] .table th,
[dir="ltr"] .table td {
    text-align: left;
}

[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

/* === Dropdown Menu Direction === */
[dir="ltr"] .dropdown-menu {
    text-align: left;
}

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

/* === Footer === */
[dir="ltr"] footer {
    text-align: left;
}

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

/* === Print Overrides === */
@media print {
    [dir="ltr"], [dir="rtl"] {
        direction: inherit;
    }
}