/* ATT-Clouds Hotspot Portal | Copyright (c) 2026 ATT-Clouds. All rights reserved. */
html[dir="rtl"] body{
    font-family:"Cairo","Inter",sans-serif;
    text-align:right;
}

html[dir="rtl"] .sidebar{
    right:0;
    left:auto;
    border-right:0;
    border-left:1px solid var(--att-border);
}

html[dir="rtl"] .app-wrapper{
    margin-right:var(--sidebar-width);
    margin-left:0;
}

html[dir="rtl"] .topbar{
    right:var(--sidebar-width);
    left:0;
}

html[dir="rtl"] .footer{
    right:var(--sidebar-width);
    left:0;
}

html[dir="rtl"] .action-card-arrow i::before{
    content:"\f284";
}

html[dir="rtl"] .page-link .bi-chevron-right::before,
html[dir="rtl"] .bi-arrow-right::before,
html[dir="rtl"] .bi-arrow-right-circle::before{
    transform:scaleX(-1);
}

html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea{
    text-align:right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[name="ip_address"],
html[dir="rtl"] input[name="prefix"],
html[dir="rtl"] input[name="time_limit"]{
    direction:ltr;
    text-align:left;
}

html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] .batch-preview-value,
html[dir="rtl"] .voucher-code,
html[dir="rtl"] .router-ip{
    direction:ltr;
    text-align:left;
}

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

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

.language-switcher-form{
    margin:0;
}

.language-switcher{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 13px;
    border:1px solid rgba(212,175,55,.28);
    border-radius:12px;
    color:var(--att-gold-light,#f7d774);
    background:rgba(212,175,55,.08);
    font-size:13px;
    font-weight:700;
    transition:.2s ease;
}

.language-switcher:hover{
    color:#fff;
    border-color:rgba(212,175,55,.55);
    background:rgba(212,175,55,.16);
}

.guest-language-switcher{
    position:fixed;
    top:20px;
    right:22px;
    z-index:20;
}

html[dir="rtl"] .guest-language-switcher{
    right:auto;
    left:22px;
}

@media(max-width:1199.98px){
    html[dir="rtl"] .sidebar{
        transform:translateX(100%);
    }

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

    html[dir="rtl"] .topbar,
    html[dir="rtl"] .footer{
        right:0;
    }

    html[dir="rtl"] .app-wrapper{
        margin-right:0;
    }
}

@media(max-width:576px){
    .language-switcher span{
        display:none;
    }

    .language-switcher{
        width:40px;
        padding:8px;
    }

    .guest-language-switcher{
        top:12px;
        right:12px;
    }

    html[dir="rtl"] .guest-language-switcher{
        left:12px;
    }
}