/*
Cairo Font Styling for Arabic Text
This file provides additional styling for Cairo font when used with Arabic locale
*/

/* Arabic-specific font styling */
[lang="ar"], 
[dir="rtl"] {
    font-family: "Cairo", "Poppins", Arial, sans-serif !important;
}

/* Ensure Cairo font is used for Arabic text */
body[dir="rtl"] {
    font-family: "Cairo", "Poppins", Arial, sans-serif !important;
}

/* Arabic text specific adjustments */
[lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3, [lang="ar"] h4, [lang="ar"] h5, [lang="ar"] h6 {
    font-family: "Cairo", "Poppins", Arial, sans-serif !important;
    font-weight: 600;
}

/* Arabic paragraph text */
[lang="ar"] p, [lang="ar"] span, [lang="ar"] div {
    font-family: "Cairo", "Poppins", Arial, sans-serif !important;
    line-height: 1.8;
}

/* Arabic form elements */
[lang="ar"] input, [lang="ar"] textarea, [lang="ar"] select {
    font-family: "Cairo", "Poppins", Arial, sans-serif !important;
}

/* Arabic navigation */
[lang="ar"] nav, [lang="ar"] .nav, [lang="ar"] .navbar {
    font-family: "Cairo", "Poppins", Arial, sans-serif !important;
}

/* Arabic buttons */
[lang="ar"] .btn, [lang="ar"] button {
    font-family: "Cairo", "Poppins", Arial, sans-serif !important;
}

/* Ensure proper font loading */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}