/* GoalKeeper SAFF — RTL arabe sans AdminLTE.rtl (évite le layout cassé) */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
    text-align: right;
}

html[dir="rtl"] .main-sidebar {
    left: auto;
    right: 0;
}

html[dir="rtl"] .content-wrapper,
html[dir="rtl"] .main-footer,
html[dir="rtl"] .main-header {
    margin-left: 0 !important;
    margin-right: 250px;
}

html[dir="rtl"].sidebar-collapse .content-wrapper,
html[dir="rtl"].sidebar-collapse .main-footer,
html[dir="rtl"].sidebar-collapse .main-header {
    margin-right: 4.6rem;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .content-wrapper,
    html[dir="rtl"] .main-footer,
    html[dir="rtl"] .main-header {
        margin-right: 0 !important;
    }

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

    html[dir="rtl"].sidebar-open .main-sidebar {
        transform: translateX(0);
    }
}

html[dir="rtl"] .brand-link {
    text-align: right;
}

html[dir="rtl"] .brand-link .brand-image {
    float: right;
    margin-left: .5rem;
    margin-right: 0 !important;
}

html[dir="rtl"] .nav-sidebar .nav-link p {
    margin-right: .5rem;
    margin-left: 0;
}

html[dir="rtl"] .nav-sidebar .nav-icon {
    margin-left: .2rem;
    margin-right: 0;
}

html[dir="rtl"] .main-header.navbar {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[dir="rtl"] .main-header .navbar-brand-logo {
    margin-right: .25rem;
    margin-left: auto;
}

html[dir="rtl"] .main-header .locale-switcher {
    margin-left: .5rem;
    margin-right: .5rem;
    order: 2;
}

html[dir="rtl"] .main-header .navbar-text {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
}

html[dir="rtl"] .main-header .btn {
    margin-left: 0 !important;
    margin-right: .5rem !important;
}

html[dir="rtl"] .content-header h1,
html[dir="rtl"] .card-title,
html[dir="rtl"] .table th,
html[dir="rtl"] .table td,
html[dir="rtl"] .form-group,
html[dir="rtl"] label {
    text-align: right;
}

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

html[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }

html[dir="rtl"] .input-group > .form-control {
    border-radius: 0 .25rem .25rem 0;
}

html[dir="rtl"] .input-group-append .input-group-text {
    border-radius: .25rem 0 0 .25rem;
}

html[dir="rtl"] .close {
    float: left;
}

html[dir="rtl"] .alert-dismissible .close {
    left: 0;
    right: auto;
}

html[dir="rtl"] .login-box {
    text-align: right;
}

html[dir="rtl"] .login-box .locale-switcher {
    flex-direction: row-reverse;
}