/* Self-hosted Parastoo typography for the Dari storefront. */
@font-face {
    font-family: "Parastoo Local";
    src: url("../../fonts/dari/Parastoo-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Parastoo Local";
    src: url("../../fonts/dari/Parastoo-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

html[lang="fa"] {
    --dari-body: "Parastoo Local", Tahoma, sans-serif;
    --dari-display: "Parastoo Local", Tahoma, sans-serif;
}

html[lang="fa"] body,
html[lang="fa"] :is(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, option, label, legend, li, dt, dd, th, td, span, small, strong, b, em, address, time, blockquote, figcaption) {
    font-family: var(--dari-body) !important;
    letter-spacing: 0 !important;
    font-synthesis: none;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

html[lang="fa"] body {
    font-weight: 400;
    line-height: 1.75;
    text-rendering: optimizeLegibility;
}

html[lang="fa"] :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--dari-display) !important;
    font-weight: 700 !important;
    line-height: 1.62 !important;
}

html[lang="fa"] :is(h1, h2, h3, h4, h5, h6) :is(span, small, strong, b, em) {
    font-family: var(--dari-display) !important;
}

html[lang="fa"] :is(p, li, dd, blockquote, figcaption, address) {
    line-height: 1.9;
}

html[lang="fa"] :is(a, button, label, .nav-link, .dropdown-item, .section-kicker, .hero-kicker, .btn-home, .text-link) {
    font-weight: 600;
    line-height: 1.5;
}

html[lang="fa"] :is(button, .nav-link, .dropdown-item, .section-kicker, .hero-kicker, .btn-home, .text-link, .story-product-label),
html[lang="fa"] :is(button, .nav-link, .dropdown-item, .section-kicker, .hero-kicker, .btn-home, .text-link, .story-product-label) :is(span, small, strong, b) {
    font-family: var(--dari-display) !important;
    font-weight: 600;
}

html[lang="fa"] :is(input, textarea, select, option) {
    font-weight: 400;
    line-height: 1.6;
}

html[lang="fa"] :is(strong, b) {
    font-weight: 700;
}

html[lang="fa"] small {
    font-weight: 500;
    line-height: 1.65;
}

html[lang="fa"] .language-switcher a[lang="en"] {
    font-family: "DM Sans", sans-serif !important;
    letter-spacing: .02em !important;
}

@media (max-width: 767px) {
    html[lang="fa"] :is(h1, h2, h3, h4, h5, h6) {
        line-height: 1.68 !important;
    }

    html[lang="fa"] :is(p, li, dd, blockquote) {
        line-height: 1.85;
    }
}