/* Haadr Jop — Cairo Bold + Black only */
@font-face {
    font-family: "Cairo";
    src: url("/assets/global/fonts/cairo/Cairo-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Cairo";
    src: url("/assets/global/fonts/cairo/Cairo-Black.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

/* Haadr Jop — local Cairo typography only */

/*
 * Haadr Jop - Arabic typography only.
 * IMPORTANT: This file intentionally contains typography rules only.
 * It does not change display, position, width, height, spacing, colors,
 * direction, icons, components, or responsive breakpoints.
 */


html[lang^="ar"] body,
html[lang^="ar"] body :where(
    p, a, span, div, label, button, input, textarea, select, option,
    h1, h2, h3, h4, h5, h6, li, td, th, small, strong, b, em, blockquote,
    legend, caption, dt, dd
):not(i):not(svg):not(path):not([class^="fa"]):not([class*=" fa-"]):not([class^="la"]):not([class*=" la-"]) {
    font-family: "Cairo", sans-serif !important;
}

/* Do not target icon elements/classes; their original icon-font CSS remains authoritative. */

/* Preserve native control sizing/appearance; typography only. */
html[lang^="ar"] body input,
html[lang^="ar"] body textarea,
html[lang^="ar"] body select,
html[lang^="ar"] body button {
    font-size: inherit;
    line-height: inherit;
}