/* RTL Support Styles */
[dir="rtl"] {
    /* Text direction */
    text-align: right;
    
    /* Form elements */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select {
        text-align: right;
    }
    
    /* Grid layouts */
    .form-row {
        flex-direction: row-reverse;
    }
    
    /* Icons and decorations */
    .form-group [class^="icon-"],
    .form-group [class*=" icon-"] {
        margin-right: 0;
        margin-left: 0.5rem;
    }
    
    /* Navigation and buttons */
    .button {
        margin-right: 0;
        margin-left: 1rem;
    }
    
    /* Template selector */
    .template-grid {
        direction: rtl;
    }
    
    /* Section headers */
    .section-group h3 {
        padding-right: 0;
        padding-left: 1rem;
    }
    
    /* Form validation messages */
    .error-message {
        margin-right: 0;
        margin-left: 1rem;
    }
    
    /* Biodata preview */
    .biodata-preview {
        direction: rtl;
    }
    
    /* Dropdown arrows */
    select {
        background-position: left 0.5rem center;
        padding-right: 1rem;
        padding-left: 2rem;
    }
    
    /* Layout containers */
    .builder-container {
        flex-direction: row-reverse;
    }
    
    /* Footer sections */
    .footer-content {
        flex-direction: row-reverse;
    }
    
    /* Language selector */
    .language-selector {
        margin-right: auto;
        margin-left: 0;
    }
}

/* Specific adjustments for Urdu fonts */
[lang="ur"] {
    font-family: 'Noto Nastaliq Urdu', serif;
    line-height: 1.8;
}

/* Specific adjustments for Arabic numerals in RTL */
[dir="rtl"] input[type="number"],
[dir="rtl"] .number {
    direction: ltr;
    text-align: left;
}

/* Fix for input groups */
[dir="rtl"] .input-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .input-group > *:first-child {
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

[dir="rtl"] .input-group > *:last-child {
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}

/* Tooltips and popups */
[dir="rtl"] .tooltip {
    left: auto;
    right: 100%;
}

/* Template preview adjustments */
[dir="rtl"] .preview-controls {
    flex-direction: row-reverse;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    [dir="rtl"] .builder-container {
        flex-direction: column;
    }
    
    [dir="rtl"] .form-row {
        flex-direction: column;
    }
}