@font-face {
    font-family: 'Vazirmatn';
    src: url('../font/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../font/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../font/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html:lang(fa) {
    --bs-font-sans-serif: 'Vazirmatn', system-ui, sans-serif;
    --bs-body-font-family: 'Vazirmatn', system-ui, sans-serif;
}

html:lang(fa) body,
html:lang(fa) :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .form-control, .form-select,
    .input-group-text, .btn, button, input, select, textarea, .navbar,
    .main-navigation-link, .top-bar, .dropdown-menu, .modal, .alert, .badge, .tooltip) {
    font-family: 'Vazirmatn', system-ui, sans-serif;
}

html[dir='rtl'] body {
    direction: rtl;
    text-align: start;
}

html[dir='rtl'] :is(.ltr, .product-number, .product-detail-product-number, code) {
    direction: ltr;
    unicode-bidi: isolate;
}

html[dir='rtl'] .header-search-form .input-group {
    direction: rtl;
}

/*
 * Bootstrap column offsets compile to physical margin-left, which in an RTL flex row
 * hugs the checkout column to the right edge instead of mirroring the LTR layout.
 * Mirror the offsets for the routes that use them (confirm, account orders).
 */
html[dir='rtl'] .is-act-confirmpage .checkout .checkout-main,
html[dir='rtl'] .is-ctl-accountorder .checkout .checkout-main,
html[dir='rtl'] .is-active-route-frontend-checkout-confirm-page .checkout .checkout-main,
html[dir='rtl'] .is-active-route-frontend-account-order-page .checkout .checkout-main,
html[dir='rtl'] .is-active-route-frontend-account-order-cancel .checkout .checkout-main,
html[dir='rtl'] .is-active-route-frontend-account-order-single-page .checkout .checkout-main,
html[dir='rtl'] .is-active-route-frontend-widgets-account-order-detail .checkout .checkout-main,
html[dir='rtl'] .is-active-route-frontend-account-edit-order-page .checkout .checkout-main,
html[dir='rtl'] .is-act-confirmpage .checkout .checkout-aside,
html[dir='rtl'] .is-ctl-accountorder .checkout .checkout-aside,
html[dir='rtl'] .is-active-route-frontend-checkout-confirm-page .checkout .checkout-aside,
html[dir='rtl'] .is-active-route-frontend-account-order-page .checkout .checkout-aside,
html[dir='rtl'] .is-active-route-frontend-account-order-cancel .checkout .checkout-aside,
html[dir='rtl'] .is-active-route-frontend-account-order-single-page .checkout .checkout-aside,
html[dir='rtl'] .is-active-route-frontend-widgets-account-order-detail .checkout .checkout-aside,
html[dir='rtl'] .is-active-route-frontend-account-edit-order-page .checkout .checkout-aside {
    margin-left: 0;
}

@media (min-width: 768px) {
    html[dir='rtl'] .is-act-confirmpage .checkout .checkout-aside:not(.checkout-aside-no-offset),
    html[dir='rtl'] .is-ctl-accountorder .checkout .checkout-aside:not(.checkout-aside-no-offset),
    html[dir='rtl'] .is-active-route-frontend-checkout-confirm-page .checkout .checkout-aside:not(.checkout-aside-no-offset),
    html[dir='rtl'] .is-active-route-frontend-account-order-page .checkout .checkout-aside:not(.checkout-aside-no-offset),
    html[dir='rtl'] .is-active-route-frontend-account-order-cancel .checkout .checkout-aside:not(.checkout-aside-no-offset),
    html[dir='rtl'] .is-active-route-frontend-account-order-single-page .checkout .checkout-aside:not(.checkout-aside-no-offset),
    html[dir='rtl'] .is-active-route-frontend-widgets-account-order-detail .checkout .checkout-aside:not(.checkout-aside-no-offset),
    html[dir='rtl'] .is-active-route-frontend-account-edit-order-page .checkout .checkout-aside:not(.checkout-aside-no-offset) {
        margin-right: 50%;
    }
}

@media (min-width: 992px) {
    html[dir='rtl'] .is-act-confirmpage .checkout .checkout-main,
    html[dir='rtl'] .is-ctl-accountorder .checkout .checkout-main,
    html[dir='rtl'] .is-active-route-frontend-checkout-confirm-page .checkout .checkout-main,
    html[dir='rtl'] .is-active-route-frontend-account-order-page .checkout .checkout-main,
    html[dir='rtl'] .is-active-route-frontend-account-order-cancel .checkout .checkout-main,
    html[dir='rtl'] .is-active-route-frontend-account-order-single-page .checkout .checkout-main,
    html[dir='rtl'] .is-active-route-frontend-widgets-account-order-detail .checkout .checkout-main,
    html[dir='rtl'] .is-active-route-frontend-account-edit-order-page .checkout .checkout-main {
        margin-right: 16.6667%;
    }
}

/* The leading edge of Persian navigation is the right side of the screen. */
html[dir='rtl'] .navigation-offcanvas.offcanvas-start {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
}

html[dir='rtl'] .navigation-offcanvas.offcanvas-start.showing,
html[dir='rtl'] .navigation-offcanvas.offcanvas-start.show:not(.hiding) {
    transform: none;
}