/*
 * Safqa global type system.
 * The approved category preview uses Noto Sans Arabic for interface copy and
 * Outfit for compact commercial numerals. This file loads after the legacy
 * theme bundles so old per-component Cairo declarations cannot fragment the
 * storefront typography. Icon fonts are deliberately excluded.
 */
:root {
    --safqa-theme-font-ar: "Noto Sans Arabic", sans-serif;
    --safqa-theme-font-numbers: "Outfit", "Noto Sans Arabic", sans-serif;
    --safqa-font-ar: var(--safqa-theme-font-ar);
    --safqa-font-heading: var(--safqa-theme-font-ar);
    --ut2-font-primary: var(--safqa-theme-font-ar);
    --ut2-font-secondary: var(--safqa-theme-font-ar);
    --font-family-base: var(--safqa-theme-font-ar);
    --font-family-headings: var(--safqa-theme-font-ar);
}

html[dir="rtl"] body,
html[dir="rtl"] body :where(a, abbr, address, b, blockquote, button, caption, cite, dd, div, dl, dt, em, figcaption, h1, h2, h3, h4, h5, h6, input, label, legend, li, main, option, p, q, select, small, span, strong, summary, td, textarea, th) {
    font-family: var(--safqa-theme-font-ar) !important;
}

/* Icon glyphs must keep their dedicated font families. */
html[dir="rtl"] body :where(.ty-icon, .glyph, [class*="ty-icon"], [class*="glyph"]) {
    font-family: "glyphs" !important;
}

html[dir="rtl"] body :where(.ut2-icon, .uni2-icons, [class*="ut2-icon"], [class*="uni2"]) {
    font-family: "uni2-icons" !important;
}

html[dir="rtl"] body :where(.fa, .fad, .fal, .far, .fas, .fat, [class*="fa-"]) {
    font-family: "Font Awesome 6 Free" !important;
}

html[dir="rtl"] body .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

/* Use the preview's compact numeric face where the storefront exposes values. */
html[dir="rtl"] :where(.ty-price, .ty-price-num, .ty-sub-price, .ut2-price, .ut2-price-num, .price, .price-num, [class*="price"] strong, [class*="price"] b, [class*="pagination"], .safqa-fashion-card__price strong, .safqa-fashion-card__reviews) {
    font-family: var(--safqa-theme-font-numbers) !important;
    font-variant-numeric: tabular-nums;
}

html[lang^="en"] body,
html[dir="ltr"] body {
    --ut2-font-primary: "Inter", sans-serif;
    --ut2-font-secondary: "Inter", sans-serif;
    --font-family-base: "Inter", sans-serif;
    --font-family-headings: "Inter", sans-serif;
}