/*
 * Ahmed Khaloufa Farms - Custom Fonts
 * Arabic: Noto Sans Arabic
 * English: Alexandria
 * 
 * This file overrides the theme's default fonts.
 * Place the plugin folder in: wp-content/plugins/
 * Then activate from WordPress Dashboard > Plugins
 */

/* ========================================
   ARABIC FONT: Noto Sans Arabic
   ======================================== */
:root {
    --akf-primary-green: #37462A;
    --akf-terracotta: #A94F3E;
    --akf-cream: #E8D4BB;
    --akf-dark-purple: #59384C;
    --akf-muted-mauve: #594650;
    --akf-near-black: #101211;
    --akf-white: #FFFFFF;
}
@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('../fonts/arabic/NotoSansArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Noto Sans Arabic';
    src: url('../fonts/arabic/NotoSansArabic-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ========================================
   ENGLISH FONT: Alexandria
   ======================================== */

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/english/Alexandria-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/english/Alexandria-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/english/Alexandria-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/english/Alexandria-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/english/Alexandria-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/english/Alexandria-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ========================================
   GLOBAL FONT OVERRIDES
   Applied to the entire site
   ======================================== */

/* Base: Apply to everything */
html,
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*="icon"]):not([class*="Icon"]) {
    font-family: 'Alexandria', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* RTL / Arabic specific pages */
html[lang="ar"] body,
html[lang="ar"] body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*="icon"]):not([class*="Icon"]),
html[dir="rtl"] body,
html[dir="rtl"] body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*="icon"]):not([class*="Icon"]) {
    font-family: 'Noto Sans Arabic', 'Alexandria', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.entry-title,
.page-title,
.site-title,
.widget-title,
.pxl-heading {
    font-family: 'Alexandria', 'Noto Sans Arabic', sans-serif !important;
}

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"] .h1, html[lang="ar"] .h2, html[lang="ar"] .h3,
html[lang="ar"] .h4, html[lang="ar"] .h5, html[lang="ar"] .h6,
html[lang="ar"] .entry-title,
html[lang="ar"] .page-title,
html[lang="ar"] .site-title,
html[lang="ar"] .widget-title,
html[lang="ar"] .pxl-heading,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 {
    font-family: 'Noto Sans Arabic', 'Alexandria', sans-serif !important;
}

/* Paragraphs & body text */
p, span, a, li, td, th, label, input, textarea, select, button,
.elementor-widget-text-editor,
.elementor-heading-title,
.elementor-widget-container {
    font-family: inherit !important;
}

/* Navigation */
.menu-item a,
.nav-link,
nav a,
.pxl-menu a,
.pxl-nav a,
.main-navigation a {
    font-family: inherit !important;
}

/* WooCommerce */
.woocommerce *,
.product-title,
.price,
.cart-item {
    font-family: inherit !important;
}

/* Elementor overrides */
.elementor-element,
.elementor-widget,
.elementor-element *,
[class*="elementor-"] {
    font-family: inherit !important;
}

/* ========================================
   BRAND COLORS (for reference/optional use)
   ======================================== */