/* RTL Header Layout Fixes - Persian Version Only */
/* This file contains CSS rules to mirror header elements for proper RTL display */

/* Target only Persian language pages */
html[lang="fa"] .site-header-inner,
html[lang="fa-ir"] .site-header-inner,
body[dir="rtl"] .site-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse; /* Reverse the order of header elements */
}

/* Mirror the brand/logo position to the right side */
html[lang="fa"] .header-brand,
html[lang="fa-ir"] .header-brand,
body[dir="rtl"] .header-brand {
    order: 2; /* Move brand to the right */
}

/* Mirror the navigation links to the left side */
html[lang="fa"] .header-links,
html[lang="fa-ir"] .header-links,
body[dir="rtl"] .header-links {
    order: 1; /* Move navigation to the left */
}

/* Reverse the navigation list items order - buttons should appear in reverse order */
html[lang="fa"] .header-links ul,
html[lang="fa-ir"] .header-links ul,
body[dir="rtl"] .header-links ul {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    margin-left: auto;
}

/* Adjust language switcher positioning in RTL */
html[lang="fa"] .language-switcher-nav,
html[lang="fa-ir"] .language-switcher-nav,
body[dir="rtl"] .language-switcher-nav {
    order: -1; /* Move language switcher to the far left */
}

/* Ensure proper spacing and alignment for RTL */
html[lang="fa"] .header-links li,
html[lang="fa-ir"] .header-links li,
body[dir="rtl"] .header-links li {
    margin-left: 0;
    margin-right: 1rem;
}

html[lang="fa"] .header-links li:last-child,
html[lang="fa-ir"] .header-links li:last-child,
body[dir="rtl"] .header-links li:last-child {
    margin-right: 0;
}

/* Language switcher dropdown adjustments for RTL */
html[lang="fa"] .language-switcher .dropdown-options,
html[lang="fa-ir"] .language-switcher .dropdown-options,
body[dir="rtl"] .language-switcher .dropdown-options {
    left: auto;
    right: 0;
    text-align: right;
}

/* Responsive adjustments for mobile RTL */
@media (max-width: 768px) {
    html[lang="fa"] .site-header-inner,
    html[lang="fa-ir"] .site-header-inner,
    body[dir="rtl"] .site-header-inner {
        flex-direction: column;
        text-align: center;
    }
    
    html[lang="fa"] .header-links,
    html[lang="fa-ir"] .header-links,
    body[dir="rtl"] .header-links {
        order: unset;
        justify-content: center;
    }
    
    html[lang="fa"] .header-brand,
    html[lang="fa-ir"] .header-brand,
    body[dir="rtl"] .header-brand {
        order: unset;
    }
    
    html[lang="fa"] .header-links ul,
    html[lang="fa-ir"] .header-links ul,
    body[dir="rtl"] .header-links ul {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    html[lang="fa"] .header-links li,
    html[lang="fa-ir"] .header-links li,
    body[dir="rtl"] .header-links li {
        margin: 0 0.5rem;
    }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    html[lang="fa"] .site-header-inner,
    html[lang="fa-ir"] .site-header-inner,
    body[dir="rtl"] .site-header-inner {
        padding: 0 1rem;
    }
    
    html[lang="fa"] .header-links li,
    html[lang="fa-ir"] .header-links li,
    body[dir="rtl"] .header-links li {
        margin-right: 0.75rem;
    }
}

/* Ensure icons in navigation are properly aligned in RTL */
html[lang="fa"] .nav-link i,
html[lang="fa-ir"] .nav-link i,
body[dir="rtl"] .nav-link i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Language switcher icon adjustments */
html[lang="fa"] .lang-icon,
html[lang="fa-ir"] .lang-icon,
body[dir="rtl"] .lang-icon {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Dropdown arrow adjustments */
html[lang="fa"] .dropdown-arrow,
html[lang="fa-ir"] .dropdown-arrow,
body[dir="rtl"] .dropdown-arrow {
    margin-left: 0.5rem;
    margin-right: 0;
}