/*
 * Только то, что не решается логическими свойствами CSS.
 * Вёрстка темы пишется на inset-inline / margin-inline и зеркалится сама.
 */


@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/Vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
    --font-base: Vazirmatn, "Noto Sans Arabic", Tahoma, sans-serif;
    --font-heading: Vazirmatn, "Noto Sans Arabic", Tahoma, sans-serif;
}


.icon-arrow-long-prev,
.icon-arrow-long-next,
.icon-chevron-prev,
.icon-chevron-next {
    display: inline-block;
    transform: rotate(180deg);
}

.header__nav .ubermenu .ubermenu-submenu.ubermenu-submenu-drop {
    transform: translateX(50%);
}

.header__nav .ubermenu .ubermenu-item-level-0.ubermenu-item-has-children::after {
    transform: rotate(-45deg);
}

.header__nav .ubermenu .ubermenu-item-level-0.ubermenu-active::after {
    transform: rotate(135deg);
}


@media (max-width: 1199.98px) {
    .header .header__nav .ubermenu.ubermenu-responsive.ubermenu-responsive-collapse {
        transform: translateX(-100%);
    }

    .header__nav .ubermenu-submenu.ubermenu-submenu-drop {
        transform: none;
    }
}