/* Import Google Fonts for Arabic and English */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* Global Font Settings */
* {
    font-family: 'Cairo', 'Tajawal', 'Amiri', 'Roboto', sans-serif;
}

/* Body padding for fixed navbar */
body {
    padding-top: 0;
    margin: 0;
}

/* Arabic Text Optimization */
[lang="ar"], [dir="rtl"] {
    font-family: 'Cairo', 'Tajawal', 'Amiri', sans-serif;
    text-align: right;
    direction: rtl;
}

/* English Text Optimization */
[lang="en"], [dir="ltr"] {
    font-family: 'Roboto', 'Cairo', sans-serif;
    text-align: left;
    direction: ltr;
}

/* Font Classes for Better Typography */
.font-cairo {
    font-family: 'Cairo', sans-serif;
}

.font-tajawal {
    font-family: 'Tajawal', sans-serif;
}

.font-amiri {
    font-family: 'Amiri', serif;
}

.font-roboto {
    /* font-family: 'Roboto', sans-serif; */
}

/* Improved Arabic Text Rendering */
.arabic-text {
    font-family: 'Cairo', 'Tajawal', sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1, 'kern' 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Improved English Text Rendering */
.english-text {
    font-family: 'Roboto', sans-serif;
    font-feature-settings: 'liga' 1, 'kern' 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Responsive Font Sizes */
@media (max-width: 768px) {
    .font-cairo, .font-tajawal, .font-amiri {
        /* font-size: 0.95em; */
    }
}

/* Better Line Height for Arabic */
.arabic-text, [lang="ar"] {
    line-height: 1.8;
}

/* Better Line Height for English */
.english-text, [lang="en"] {
    line-height: 1.6;
}