/* /* ==========================================================================
   RTL Overrides for Arabic Language
   ========================================================================== */
/* We rely mostly on CSS Logical Properties (margin-inline, padding-inline, inset-inline)
   so this file is primarily for Font Overrides and specific LTR/RTL edge cases that logical properties miss. 

html[lang="ar"],
html[dir="rtl"] {
    /* Override Fonts */
/*   --font-heading: 'Greycliff Arabic CF', 'Abhaya Libre', serif;
    --font-body: 'Greycliff Arabic CF', 'Poppins', sans-serif;
}*/

/* Specific size overrides for Arabic typography as requested 
html[lang="ar"] h1 {
    font-size: clamp(50px, 8vw, 150px);
}

html[lang="ar"] h2 {
    font-size: clamp(40px, 6vw, 80px);
}

html[lang="ar"] #popup-title {
    font-size: clamp(40px, 8vw, 90px);
}

*/