/* ============================================
   RTA DASHBOARD - MULTILINGUAL SUPPORT
   Version: 1.0
   ============================================ */

/* English (LTR) Layout Overrides */
html[lang="en"] {
    direction: ltr;
}

html[lang="en"] body {
    direction: ltr;
    text-align: left;
}

/* Navigation adjustments for LTR */
html[lang="en"] .main-navigation {
    flex-direction: row;
}

html[lang="en"] .nav-link {
    flex-direction: row;
}

/* Content alignment for LTR */
html[lang="en"] .header-content {
    flex-direction: row;
}

html[lang="en"] .header-left {
    text-align: left;
}

html[lang="en"] .header-meta {
    justify-content: flex-end;
}

/* Action items alignment */
html[lang="en"] .action-item {
    text-align: left;
}

html[lang="en"] .action-content h4,
html[lang="en"] .action-content p {
    text-align: left;
}

/* Chart legend alignment */
html[lang="en"] .chart-legend {
    justify-content: flex-start;
}

html[lang="en"] .chart-info {
    text-align: left;
}

/* Form and input alignment */
html[lang="en"] .setting-info {
    text-align: left;
}

html[lang="en"] .setting-control {
    justify-content: flex-end;
}

/* Table alignment */
html[lang="en"] .violation-item {
    text-align: left;
}

html[lang="en"] .item-text {
    text-align: left;
}

/* Alert items */
html[lang="en"] .alert-item {
    text-align: left;
}

html[lang="en"] .alert-title,
html[lang="en"] .alert-description {
    text-align: left;
}

/* Widget headers */
html[lang="en"] .widget-header h3,
html[lang="en"] .section-header h2 {
    text-align: left;
}

/* Breadcrumb adjustments */
html[lang="en"] .breadcrumb {
    flex-direction: row;
}

html[lang="en"] .breadcrumb-separator {
    transform: rotate(180deg);
}

/* Sidebar adjustments */
html[lang="en"] .settings-nav .nav-item {
    text-align: left;
}

/* Mobile responsive adjustments for LTR */
@media (max-width: 768px) {
    html[lang="en"] .header-content {
        text-align: center;
    }
    
    html[lang="en"] .nav-link {
        text-align: center;
    }
    
    html[lang="en"] .action-item {
        text-align: center;
    }
}

/* Font optimizations for English */
html[lang="en"] {
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html[lang="en"] h1, 
html[lang="en"] h2, 
html[lang="en"] h3, 
html[lang="en"] h4, 
html[lang="en"] h5, 
html[lang="en"] h6 {
    font-weight: 600;
    letter-spacing: -0.025em;
}

/* Button text alignment */
html[lang="en"] .action-button,
html[lang="en"] .btn,
html[lang="en"] button {
    text-align: center;
}

/* Icon positioning for LTR */
html[lang="en"] .action-badge {
    margin-left: auto;
    margin-right: 0;
}

html[lang="en"] .metric-change {
    text-align: right;
}

/* Specific overrides for components */
html[lang="en"] .violation-group {
    text-align: left;
}

html[lang="en"] .group-header {
    text-align: left;
}

html[lang="en"] .category-intro p {
    text-align: left;
}

/* Assessment sections */
html[lang="en"] .assessment-category {
    text-align: left;
}

/* Stats and metrics */
html[lang="en"] .metric-info {
    text-align: left;
}

html[lang="en"] .stat-row {
    text-align: left;
}

/* Chart containers */
html[lang="en"] .chart-title {
    text-align: left;
}

html[lang="en"] .chart-stats {
    text-align: left;
}

/* Alert positioning */
html[lang="en"] .alert-time {
    text-align: right;
}

/* User interface elements */
html[lang="en"] .method-info {
    text-align: left;
}

html[lang="en"] .api-info {
    text-align: left;
}

html[lang="en"] .info-item {
    text-align: left;
}

/* Performance metrics */
html[lang="en"] .performance-metric {
    text-align: left;
}

html[lang="en"] .metric-description {
    text-align: left;
}

/* Table headers and content */
html[lang="en"] .table-header {
    text-align: left;
}

html[lang="en"] .table-cell {
    text-align: left;
}

/* Progress indicators */
html[lang="en"] .progress-label {
    text-align: left;
}

/* Enhanced spacing for English text */
html[lang="en"] p {
    margin-bottom: 0.75rem;
}

html[lang="en"] .content-grid {
    text-align: left;
}

/* Ensure proper spacing in English layout */
html[lang="en"] .dashboard-header {
    text-align: left;
}

html[lang="en"] .metrics-section {
    text-align: left;
}

html[lang="en"] .charts-section {
    text-align: left;
}