/* 
 * Cairo Font - Locally Hosted
 * Font files located at: public/assets/front-end/fonts/cairo/
 * 
 * This file ensures Cairo font is loaded from local server instead of Google Fonts
 * which prevents production server font loading issues.
 * 
 * PRODUCTION DEPLOYMENT CHECKLIST:
 * 1. Ensure all font files in public/assets/front-end/fonts/cairo/ are uploaded to production
 * 2. Verify font file permissions are set correctly (readable by web server)
 * 3. Check that the fonts directory path is accessible from your production domain
 * 4. Clear browser cache and CDN cache if applicable
 * 5. Test in incognito/private browsing mode to ensure fresh load
 * 
 * TROUBLESHOOTING:
 * - If fonts don't load, check browser console for 404 errors
 * - Verify MIME types are set correctly on server (.ttf = font/ttf, .woff2 = font/woff2)
 * - Check for CORS issues if fonts are served from a different domain
 * - Ensure mod_headers or equivalent is enabled for font file headers
 */

/* Cairo - ExtraLight (200) */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/cairo/Cairo-ExtraLight.ttf') format('truetype');
}

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

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

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

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

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

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

/* Cairo - Black (900) */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/cairo/Cairo-Black.ttf') format('truetype');
}

/* Ensure Cairo font is applied to Arabic text and general content */
body[dir="rtl"],
html[dir="rtl"] body,
.rtl-text,
[lang="ar"],
[dir="rtl"] {
    font-family: 'Cairo', 'Noto Sans Arabic', 'Arial Unicode MS', sans-serif !important;
}