/* Multilingual layout support */
[dir="rtl"] {
    text-align: right;
}

[dir="ltr"] {
    text-align: left;
}

/* Ensure layout consistency across languages */
.app-container,
.login-container,
.dashboard-container,
.settings-container {
    transition: all 0.3s ease;
}

/* Form elements RTL/LTR support */
[dir="rtl"] .form-group label {
    text-align: right;
    display: block;
}

[dir="ltr"] .form-group label {
    text-align: left;
    display: block;
}

/* Header actions alignment */
[dir="rtl"] .header-actions {
    margin-left: auto;
    margin-right: 0;
}

[dir="ltr"] .header-actions {
    margin-right: auto;
    margin-left: 0;
}

/* Button icons alignment */
[dir="rtl"] .btn-primary i,
[dir="rtl"] .btn-secondary i,
[dir="rtl"] .btn-link i {
    margin-left: 8px;
    margin-right: 0;
}

[dir="ltr"] .btn-primary i,
[dir="ltr"] .btn-secondary i,
[dir="ltr"] .btn-link i {
    margin-right: 8px;
    margin-left: 0;
}

/* Grid and flexbox alignment */
[dir="rtl"] .info-grid,
[dir="rtl"] .stats-grid {
    text-align: right;
}

[dir="ltr"] .info-grid,
[dir="ltr"] .stats-grid {
    text-align: left;
}

/* Modal alignment */
[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

[dir="ltr"] .modal-header {
    flex-direction: row;
}

/* Table alignment */
[dir="rtl"] table {
    text-align: right;
}

[dir="ltr"] table {
    text-align: left;
}

/* Settings items alignment */
[dir="rtl"] .setting-item {
    flex-direction: row;
}

[dir="ltr"] .setting-item {
    flex-direction: row;
}

/* Ensure no layout shifts during language transition */
.language-transition {
    opacity: 1;
    transition: opacity 0.2s ease;
}

.language-transition.loading {
    opacity: 0.7;
}

/* Back button alignment */
[dir="rtl"] .back-btn {
    flex-direction: row;
}

[dir="ltr"] .back-btn {
    flex-direction: row-reverse;
}