/* ===============================================
   LOCAL FONTS - Open Sans & Poppins
   ===============================================
   
   Font files location: /assets/frontend/fonts/
   CSS file location: /public/frontend/css/local-fonts.css
   
   =============================================== */

/* Open Sans - Regular (400) */
@font-face {
    font-family: 'Open Sans';
    src: url('../../../assets/frontend/fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Open Sans - Medium (500) */
@font-face {
    font-family: 'Open Sans';
    src: url('../../../assets/frontend/fonts/OpenSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Open Sans - SemiBold (600) */
@font-face {
    font-family: 'Open Sans';
    src: url('../../../assets/frontend/fonts/OpenSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Open Sans - Bold (700) */
@font-face {
    font-family: 'Open Sans';
    src: url('../../../assets/frontend/fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Open Sans - ExtraBold (800) */
@font-face {
    font-family: 'Open Sans';
    src: url('../../../assets/frontend/fonts/OpenSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ===============================================
   POPPINS FONT FAMILY
   =============================================== */

/* Poppins - Light (300) */
@font-face {
    font-family: 'Poppins';
    src: url('../../../assets/frontend/fonts/Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Poppins - Regular (400) */
@font-face {
    font-family: 'Poppins';
    src: url('../../../assets/frontend/fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Poppins - Medium (500) */
@font-face {
    font-family: 'Poppins';
    src: url('../../../assets/frontend/fonts/Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Poppins - SemiBold (600) */
@font-face {
    font-family: 'Poppins';
    src: url('../../../assets/frontend/fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Poppins - Bold (700) */
@font-face {
    font-family: 'Poppins';
    src: url('../../../assets/frontend/fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Poppins - ExtraBold (800) */
@font-face {
    font-family: 'Poppins';
    src: url('../../../assets/frontend/fonts/Poppins-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Poppins - Black (900) */
@font-face {
    font-family: 'Poppins';
    src: url('../../../assets/frontend/fonts/Poppins-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ===============================================
   ARABIC FONT (Noto Sans Arabic) - Optional
   For RTL language support
   =============================================== */

/* Noto Sans Arabic - Regular */
@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('../../../assets/frontend/fonts/NotoSansArabic-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Noto Sans Arabic - Medium */
@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('../../../assets/frontend/fonts/NotoSansArabic-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Noto Sans Arabic - SemiBold */
@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('../../../assets/frontend/fonts/NotoSansArabic-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Noto Sans Arabic - Bold */
@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('../../../assets/frontend/fonts/NotoSansArabic-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===============================================
   FONT FAMILY DEFINITIONS
   =============================================== */

:root {
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-secondary: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-arabic: 'Noto Sans Arabic', 'Poppins', sans-serif;
}

/* Apply fonts */
body {
    font-family: var(--font-secondary);
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.section-heading,
.cta-heading,
.pwa-title {
    font-family: var(--font-primary);
}

/* Arabic/RTL font override */
html[dir="rtl"] body,
html[lang="ar"] body {
    font-family: var(--font-arabic);
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
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: var(--font-arabic);
}