@font-face {
    font-family: "B5 Kickstart Arabic";
    src: url("../fonts/arabic/noto-kufi-arabic-400.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "B5 Kickstart Arabic";
    src: url("../fonts/arabic/noto-kufi-arabic-700.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* Components and block font presets must resolve to the page's Arabic face. */
:lang(ar) .wp-site-blocks,
:lang(ar).editor-styles-wrapper,
:lang(ar) .editor-styles-wrapper,
:lang(ar) .b5k-setup-shell {
    --wp--preset--font-family--body: "B5 Kickstart Arabic", sans-serif;
    --wp--preset--font-family--heading: "B5 Kickstart Arabic", sans-serif;
}
:lang(ar) .wp-site-blocks,
:lang(ar) .wp-site-blocks :where(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, strong, summary),
:lang(ar).editor-styles-wrapper,
:lang(ar) .editor-styles-wrapper :where(h1, h2, h3, h4, h5, h6, p, strong, summary),
:lang(ar) .b5k-setup-shell,
:lang(ar) .b5k-setup-shell :where(h1, h2, h3, strong, input, select, button) {
    font-family: var(--wp--preset--font-family--body);
    letter-spacing: 0;
}
:lang(ar) .wp-site-blocks :where(h1, h2, h3, h4, h5, h6, p, strong, summary),
:lang(ar) .editor-styles-wrapper :where(h1, h2, h3, h4, h5, h6, p, strong, summary),
:lang(ar) .b5k-setup-shell :where(h1, h2, h3, p, strong) { line-height: 1.65; }
:lang(ar) .wp-site-blocks em { font-style: normal; }
:lang(ar) :where(input[type="email"], input[type="url"], input[type="tel"]) {
    direction: ltr;
    text-align: start;
}