/* ================================================== */
/* ========== RTL STYLES (FINAL & CORRECTED) ========== */
/* ================================================== */

/* --- Fonts for RTL languages --- */
body:lang(fa) {
    font-family: 'Vazirmatn', sans-serif;
}
body:lang(ar) {
    font-family: 'Tajawal', sans-serif;
}

/* --- Inner Pages Header --- */
#header {
    flex-direction: row-reverse; /* Reverse items: (Languages) (Menu) (Logo) */
}
#menu {
    margin-right: auto; /* Push menu to the center */
    margin-left: 0;
}
.language-switcher a {
    margin-left: 5px;
    margin-right: 0;
}


/* --- Home Page Specifics --- */
.home-language-switcher {
    left: 50px; /* Position to the top-left */
    right: auto;
}
.home-language-switcher a {
    margin-left: 0;
    margin-right: 15px;
}
.home-menu li {
    margin-right: 0;
    margin-left: 20px; /* Adjust spacing for RTL */
}

/* 
  ==============================================================
  === DESKTOP-ONLY RTL OVERRIDES (ABOVE 900px) ===
  ==============================================================
  These styles will ONLY apply on screens wider than 900px.
*/
@media (min-width: 901px) {
    /* Flips the order of text and image on desktop for RTL */
    .about-container {
        flex-direction: row-reverse; 
    }
    
    /* Correctly positions the product box on desktop for RTL */
    .product-box {
        right: auto;
        left: 8%;
    }
}