/* 
 * Saudi Riyal Currency Symbol Font - Locally Hosted
 * This font specifically contains the Saudi Riyal symbol (﷼ U+FDFC)
 * Font files location: public/assets/front-end/fonts/ryial-font/
 * 
 * IMPORTANT: This font only contains the Saudi Riyal glyph, so we use
 * a comprehensive fallback chain with Cairo and FS Albert Arabic fonts
 * for full Arabic text support.
 */

/* Saudi Riyal Symbol Font - All weights use all formats for maximum compatibility */
@font-face {
    font-family: 'saudi_ryial';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('../fonts/ryial-font/saudi_ryial.woff2') format('woff2'),
         url('../fonts/ryial-font/saudi_ryial.woff') format('woff'),
         url('../fonts/ryial-font/saudi_ryial.ttf') format('truetype');
    /* Only apply to Saudi Riyal symbol and related Arabic currency characters */
    unicode-range: U+FDFC, U+060B, U+061B;
}

@font-face {
    font-family: 'saudi_ryial';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/ryial-font/saudi_ryial.woff2') format('woff2'),
         url('../fonts/ryial-font/saudi_ryial.woff') format('woff'),
         url('../fonts/ryial-font/saudi_ryial.ttf') format('truetype');
    unicode-range: U+FDFC, U+060B, U+061B;
}

@font-face {
    font-family: 'saudi_ryial';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/ryial-font/saudi_ryial.woff2') format('woff2'),
         url('../fonts/ryial-font/saudi_ryial.woff') format('woff'),
         url('../fonts/ryial-font/saudi_ryial.ttf') format('truetype');
    unicode-range: U+FDFC, U+060B, U+061B;
}

@font-face {
    font-family: 'saudi_ryial';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/ryial-font/saudi_ryial.woff2') format('woff2'),
         url('../fonts/ryial-font/saudi_ryial.woff') format('woff'),
         url('../fonts/ryial-font/saudi_ryial.ttf') format('truetype');
    unicode-range: U+FDFC, U+060B, U+061B;
}

@font-face {
    font-family: 'saudi_ryial';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/ryial-font/saudi_ryial.woff2') format('woff2'),
         url('../fonts/ryial-font/saudi_ryial.woff') format('woff'),
         url('../fonts/ryial-font/saudi_ryial.ttf') format('truetype');
    unicode-range: U+FDFC, U+060B, U+061B;
}

@font-face {
    font-family: 'saudi_ryial';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/ryial-font/saudi_ryial.woff2') format('woff2'),
         url('../fonts/ryial-font/saudi_ryial.woff') format('woff'),
         url('../fonts/ryial-font/saudi_ryial.ttf') format('truetype');
    unicode-range: U+FDFC, U+060B, U+061B;
}

/* FS Albert Arabic fonts for full Arabic text support */
@font-face {
    font-family: 'FS Albert Arabic';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('../fonts/albert/alfont_com_AlFont_com_FSAlbertArabic-Thin.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: 'FS Albert Arabic';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/albert/alfont_com_AlFont_com_FSAlbertArabic-Light.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: 'FS Albert Arabic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/albert/AlbertArabic-Regular.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: 'FS Albert Arabic';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/albert/AlbertArabic-Regular.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: 'FS Albert Arabic';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/albert/AlbertArabic-Regular.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: 'FS Albert Arabic';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/albert/AlbertArabic-Regular.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

/* Currency Symbol Classes with proper fallback chain */
.currency-symbol,
[data-currency],
.price,
.product-price,
.cart-price,
.form-control[name="symbol"],
.table td:nth-child(3),
[lang="ar"],
[dir="rtl"],
.saudi-riyal,
.arabic-text {
    /* saudi_ryial loads first for ﷼ symbol, then FS Albert Arabic for Arabic text, 
       then Cairo, then system fonts as final fallback */
    font-family: 'saudi_ryial', 'FS Albert Arabic', 'Cairo', 'Segoe UI', 'Arial Unicode MS', Arial, sans-serif !important;
}

/* Specific styling for Saudi Riyal symbol (﷼) */
.saudi-riyal::before,
[data-currency="SAR"]::before,
.currency-sar::before {
    content: '﷼';
    font-family: 'saudi_ryial', 'FS Albert Arabic', 'Cairo', 'Segoe UI', 'Arial Unicode MS' !important;
    margin-inline-end: 4px;
}

/* Force preload critical Saudi Riyal font for faster loading */
@media screen {
    body::after {
        content: '﷼';
        font-family: 'saudi_ryial';
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
    }
}