/*
 * Gallery Five Home - RTL Override Styles
 * Version 1.0
 * Author: Gemini
 * Description: Overrides default LTR styles for Arabic language support.
 */

body {
    /* Use a font that supports Arabic well */
    font-family: 'Cairo', var(--font-sans);
    text-align: right; /* Default text alignment for the whole page */
}

/* --- Header Navigation --- */
.header-nav.left-nav {
    justify-content: right; /* Was left */
    padding-right: 0;
    padding-left: 4rem; /* Was padding-right */
}

.header-nav.right-nav {
    justify-content: left; /* Was right */
    padding-left: 0;
    padding-right: 4rem; /* Was padding-left */
}

.header-nav a::after {
    left: auto; /* Unset left */
    right: 0; /* Set right to 0 */
}

@media (max-width: 1024px) {
    .mobile-menu-button {
        grid-column: 1 / 2; /* Move hamburger to the left */
        justify-self: start;
    }
}


/* --- General Content Alignment --- */
.section-subtitle, 
.consultation-text .section-title,
.consultation-text .section-subtitle {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

/* --- Icon and List Alignment --- */
.benefits-list li {
    gap: 1.5rem;
}

.benefits-list i {
    margin-top: 0.25rem;
}

.consultation-text .fa-phone,
.consultation-text .fa-envelope {
    margin-right: 0;
    margin-left: 1rem; /* Swapped from margin-right */
}

/* --- Footer --- */
.footer-app-links i {
    margin-right: 0;
    margin-left: 1rem; /* Swapped from margin-right */
}

/* --- Form Alignment --- */
.form-input-group label {
    text-align: right;
}

.form-input-group select {
    background-position: left 1rem center; /* Swapped from right */
    padding-right: 1rem;
    padding-left: 3rem; /* Swapped from padding-right */
}
/* In css/premium-style-rtl.css */
.language-switcher {
    margin-left: 0;
    margin-right: 1.5rem; /* Swapped from margin-left */
}


/*
 * RTL Mobile Responsive Fixes
 */
@media (max-width: 1024px) {
    /* Corrects the position of the hamburger menu icon in RTL */
    html[dir="rtl"] .mobile-menu-button {
        grid-column: 1 / 2; /* Moves hamburger to the left */
        justify-self: start;
    }

    /* Ensures the logo remains centered */
    html[dir="rtl"] .header-logo {
        grid-column: 2 / 3;
        justify-self: center;
    }
    
    /* Ensures the language switcher is spaced correctly inside the mobile menu if added there */
    html[dir="rtl"] .mobile-nav .language-switcher {
         margin-top: 2rem;
         margin-right: 0; /* Reset margin for mobile menu view */
    }
}