/* Arabic-only continuation; load after hayat-scrolling.css. */
@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/cairo/Cairo-400.ttf") format("truetype");
}

@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/cairo/Cairo-500.ttf") format("truetype");
}

@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/cairo/Cairo-600.ttf") format("truetype");
}

@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/cairo/Cairo-700.ttf") format("truetype");
}

html:lang(ar) {
    --hs-font-display: "Cairo", sans-serif;
    --hs-font-interface: "Cairo", sans-serif;
}

html:lang(ar) body.hayat-store {
    direction: rtl;
    --hayat-sans: "Cairo", sans-serif;
    --hayat-serif: "Cairo", sans-serif;
    font-family: "Cairo", sans-serif;
}

html:lang(ar) body.hayat-store :is(input, select, textarea, button) {
    font-family: "Cairo", sans-serif;
}

/* Give Arabic navigation and footer text their natural reading direction. */
html:lang(ar) body.hayat-store :is(.hayat-nav, .hayat-language__menu, .hayat-footer) {
    direction: rtl;
    text-align: start;
}

/* Email addresses and telephone numbers retain their reading order. */
html:lang(ar) body.hayat-store :is(input[type="email"], input[type="tel"]) {
    direction: ltr;
    text-align: start;
}

/* Override legacy per-page fonts without replacing Magento icon glyphs. */
html:lang(ar) body.hayat-store :is(h1,h2,h3,h4,h5,h6,p,label,legend,.product-item-name,.product-item-link,.product.name,.price,.page-title,.action.primary,.action.secondary,.navigation a,.hayat-footer a,.ascopes-xsearch-product-name,.ascopes-xsearch-panel,.hayat-search__form input) {
    font-family: "Cairo", sans-serif !important;
    letter-spacing: normal;
}
html:lang(ar) body.hayat-store {
    --hayat-body-font: "Cairo", sans-serif !important;
    --hayat-heading-font: "Cairo", sans-serif !important;
}
/* Keep the search launcher above the results overlay in every page layout. */
body.hayat-store.hayat-search-open .hayat-search {
    z-index: 9002 !important;
    background: rgba(252,249,246,.94) !important;
}
body.hayat-store .hayat-search__launcher {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}
body.hayat-store .hayat-search__form {
    background: #fff !important;
    color: #171512 !important;
    border-color: #d5cdc6 !important;
}
body.hayat-store .hayat-search__form input {
    color: #171512 !important;
    -webkit-text-fill-color: #171512;
    caret-color: #171512;
}
body.hayat-store .hayat-search__form input::placeholder {
    color: #666 !important;
    -webkit-text-fill-color: #666;
    opacity: 1;
}
body.hayat-store .ascopes-xsearch-panel,
body.hayat-store .ascopes-xsearch-panel :is(.ascopes-xsearch-main,.ascopes-xsearch-head) {
    background: #fff !important;
    color: #171512 !important;
}
body.hayat-store .ascopes-xsearch-panel .ascopes-xsearch-side {
    background: #fcf9f6 !important;
    color: #171512 !important;
}
body.hayat-store .ascopes-xsearch-panel :is(.ascopes-xsearch-product-name,.ascopes-xsearch-price,.ascopes-xsearch-price .price) {
    color: #171512 !important;
    opacity: 1 !important;
}
body.hayat-store .ascopes-xsearch-panel :is(.ascopes-xsearch-brand,.ascopes-xsearch-desc,.ascopes-xsearch-product-category) {
    color: #595959 !important;
}
/* The scrolling header's z-index previously trapped the search input below its overlay. */
body.hayat-store.hayat-search-open .hayat-header-wrap {
    z-index: 9002 !important;
}
body.hayat-store .ascopes-xsearch-panel .ascopes-xsearch-head,
body.hayat-store .ascopes-xsearch-panel .ascopes-xsearch-side {
    border-color: #e4e0dc !important;
}
body.hayat-store .ascopes-xsearch-panel :is(.ascopes-xsearch-view,.ascopes-xsearch-cart button) {
    background: #171512 !important;
    color: #fff !important;
    border-color: #171512 !important;
}
/* Product descriptions can carry editor-inserted inline font families. */
html:lang(ar) body.hayat-store :is(span, strong, small, em, b, td, th, li, a) {
    font-family: "Cairo", sans-serif !important;
}

/* Mirror the actual header grid, including mobile, for Arabic storefronts. */
html:lang(ar) {
    direction: rtl;
}
html:lang(ar) body.hayat-store .hayat-header {
    direction: rtl;
}
html:lang(ar) body.hayat-store .hayat-header .hayat-logo {
    justify-self: start;
    justify-content: flex-start !important;
}
html:lang(ar) body.hayat-store .hayat-language__menu {
    right: auto;
    left: 0;
}
html:lang(ar) body.hayat-store .hayat-minicart__panel {
    right: auto;
    left: 0;
    transform: translateX(-104%);
    box-shadow: 24px 0 80px rgba(19,12,13,.18);
}
html:lang(ar) body.hayat-store .hayat-minicart.is-open .hayat-minicart__panel {
    transform: none;
}
@media (max-width: 1024px) {
    html:lang(ar) body.hayat-store .hs-home-hero__content {
        left: auto;
        right: 24px;
    }
}