/* Direction-specific styles for Auth Pages */

/* Language Switcher Font Support */
.language-switcher {
    font-family: 'Vazirmatn', 'primary-font', 'Public Sans', sans-serif !important;
}

.language-switcher .lang-item {
    font-family: 'Vazirmatn', 'primary-font', 'Public Sans', sans-serif !important;
}

/* Language Switcher Position */
[dir="ltr"] .auth-language-switcher {
    left: 1rem !important;
    right: auto !important;
}

[dir="rtl"] .auth-language-switcher {
    right: 1rem !important;
    left: auto !important;
}

/* Input Groups Direction */
[dir="ltr"] .input-group-text {
    border-radius: 0 12px 12px 0;
    border-left: 2px solid #e2e8f0;
    border-right: none;
}

[dir="ltr"] .input-group .form-control {
    border-radius: 12px 0 0 12px;
    border-right: none;
}

[dir="rtl"] .input-group-text {
    border-radius: 12px 0 0 12px;
    border-right: 2px solid #e2e8f0;
    border-left: none;
}

[dir="rtl"] .input-group .form-control {
    border-radius: 0 12px 12px 0;
    border-left: none;
}

/* Text Alignment */
[dir="ltr"] .auth-title,
[dir="ltr"] .auth-subtitle,
[dir="ltr"] .text-center {
    text-align: center;
}

[dir="ltr"] .forgot-password-link {
    text-align: center;
}

/* Icon Spacing */
[dir="ltr"] .forgot-password-link a i {
    margin-right: 0.25rem;
    margin-left: 0;
}

[dir="rtl"] .forgot-password-link a i {
    margin-left: 0.25rem;
    margin-right: 0;
}

[dir="ltr"] .btn i {
    margin-right: 0.25rem;
    margin-left: 0;
}

[dir="rtl"] .btn i {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* Security Notes */
[dir="ltr"] .security-notes {
    text-align: left;
}

[dir="ltr"] .security-notes ul {
    text-align: left;
    margin-left: 1rem;
    margin-right: 0;
}

[dir="rtl"] .security-notes ul {
    text-align: right;
    margin-right: 1rem;
    margin-left: 0;
}

/* Form alignment */
[dir="ltr"] .form-label {
    text-align: left;
}

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

/* Alert direction */
[dir="ltr"] .alert {
    text-align: left;
}

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

/* Mobile responsive direction fixes */
@media (max-width: 576px) {
    [dir="ltr"] .auth-language-switcher {
        left: 0.75rem !important;
    }
    
    [dir="rtl"] .auth-language-switcher {
        right: 0.75rem !important;
    }
}