/*====================================================
    LAMA SANS Font for Arabic Content
    This CSS file handles Arabic font styling
====================================================*/

/*-------------------------------------------------
    Font Face Declarations for LAMA SANS
-------------------------------------------------*/
@font-face {
    font-family: 'Lama Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lama-sans/lama-sans-regular.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
    font-family: 'Lama Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/lama-sans/lama-sans-bold.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

/*====================================================
    Arabic Content Font Styling
====================================================*/

/* Apply LAMA SANS font to Arabic content */
html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] div,
html[lang="ar"] li,
html[lang="ar"] td,
html[lang="ar"] th,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] button {
    font-family: 'Lama Sans', 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
}

/* RTL Direction Specific Styles */
body.rtl,
html[lang="ar"] body {
    direction: rtl;
    text-align: right;
}

/* Arabic Headings */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6 {
    font-family: 'Lama Sans', 'Cairo', sans-serif !important;
    font-weight: 700;
}

/* Arabic Text Content */
html[lang="ar"] p,
html[lang="ar"] .text-content,
html[lang="ar"] .description,
html[lang="ar"] .content-text {
    font-family: 'Lama Sans', 'Cairo', sans-serif !important;
    font-weight: 400;
    line-height: 1.8;
}

/* Arabic Navigation Links */
html[lang="ar"] .nav-link,
html[lang="ar"] .navbar-nav .nav-link {
    font-family: 'Lama Sans', 'Cairo', sans-serif !important;
}

/* Arabic Buttons */
html[lang="ar"] .btn,
html[lang="ar"] button {
    font-family: 'Lama Sans', 'Cairo', sans-serif !important;
    font-weight: 600;
}

/* Arabic Form Elements */
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] .form-control {
    font-family: 'Lama Sans', 'Cairo', sans-serif !important;
}

/* Arabic Cards and Sections */
html[lang="ar"] .card,
html[lang="ar"] .card-body,
html[lang="ar"] .section-title,
html[lang="ar"] .section-subtitle {
    font-family: 'Lama Sans', 'Cairo', sans-serif !important;
}

/* Arabic Footer Content */
html[lang="ar"] footer,
html[lang="ar"] .footer-content,
html[lang="ar"] .footer-widget {
    font-family: 'Lama Sans', 'Cairo', sans-serif !important;
}

/*====================================================
    Language Direction Helper Classes
====================================================*/

/* Left-to-Right (English) */
body.ltr {
    direction: ltr;
    text-align: left;
}

/* Right-to-Left (Arabic) */
body.rtl {
    direction: rtl;
    text-align: right;
}

/* Force Arabic font regardless of lang attribute */
.font-arabic,
.rtl .font-arabic,
.ltr .font-arabic {
    font-family: 'Lama Sans', 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
}

/* Arabic Text Specific */
[lang="ar"] .arabic-text {
    font-family: 'Lama Sans', 'Cairo', 'Tahoma', 'Arial', sans-serif !important;
}

/*====================================================
    Responsive Arabic Font Sizing
====================================================*/

@media (max-width: 991px) {
    html[lang="ar"] h1 {
        font-size: 32px !important;
    }
    html[lang="ar"] h2 {
        font-size: 28px !important;
    }
    html[lang="ar"] h3 {
        font-size: 22px !important;
    }
}

@media (max-width: 575px) {
    html[lang="ar"] h1 {
        font-size: 28px !important;
    }
    html[lang="ar"] h2 {
        font-size: 24px !important;
    }
    html[lang="ar"] h3 {
        font-size: 20px !important;
    }
    html[lang="ar"] p {
        font-size: 14px !important;
    }
}