/* Правки шапок/меню на средних ширинах (задача 1078336: новый пункт «Доставка» + найденные огрехи) */

/* Пункт «Доставка» в меню: не даём меню переноситься на средних ширинах */
@media (min-width: 1025px) and (max-width: 1219px) {
    /* checkout-2 (шаблон Elementor 3904) */
    .elementor-3904 .elementor-nav-menu--main .elementor-item {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* лендинг Dekohair */
@media (min-width: 1025px) and (max-width: 1149px) {
    .shikPage .header__menu ul li a {
        font-size: 15px;
        white-space: nowrap;
    }

    /* номер не помещается — остаётся иконка-ссылка tel: */
    .shikPage .header__phone-text {
        display: none;
    }
}

@media (min-width: 1150px) and (max-width: 1279px) {
    .shikPage .header__menu ul li a {
        font-size: 14px;
        white-space: nowrap;
    }

    .shikPage .header__phone-text {
        white-space: nowrap;
    }
}

/* checkout-2 (шаблон 3904): на планшете вместо горизонтального меню бургер, а мегаменю
   «Партнерам»/«О продуктах» (#megamenu-N) всплывает при наведении на пункт выпадающего меню и ломается.
   В основном хедере (42343) на этих ширинах меню горизонтальное — там мегаменю нужно. */
@media (max-width: 1024px) {
    .elementor-3904 .megamenu-style {
        display: none !important;
    }

    /* Вместо мегаменю — обычное подменю бургера (сайт прячет его правилом `.megamenu-N > ul`) */
    .elementor-3904 .elementor-nav-menu--dropdown li[class*="megamenu-"] > a[aria-expanded="true"] + ul {
        display: block !important;
    }
}

/* Лендинг Dekohair: бургер виден до 1024px, а его меню (#mobile-menu) main.css разрешает только до 768px */
@media (min-width: 769px) and (max-width: 1024px) {
    .shikPage #mobile-menu {
        display: flex !important;
    }

    .shikPage #mobile-menu-overlay {
        display: block !important;
    }
}

/* Карточки товара (templates/header-product.php): основная и «липкая» шапка без переносов */
@media (min-width: 768px) {
    .product-page .header__menu > .container > ul > li > a,
    .product-page .fixed__header .header__menu ul > li > a,
    .product-page .fixed__header .header__phone a {
        white-space: nowrap;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    /* в «липкой» шапке телефон не помещается — остаётся кнопка «Перезвонить» */
    .product-page .fixed__header .header__phone {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .product-page .header__menu > .container > ul > li > a,
    .product-page .fixed__header .header__menu ul > li > a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 13px !important;
    }
}

@media (min-width: 768px) and (max-width: 919px) {
    .product-page .fixed__header .header__callback a span {
        display: none !important;
    }

    .product-page .fixed__header .header__callback a {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Лендинг ARBAX: на 1024–1099px десктопная шапка не помещалась (кнопка «Заказать» за краем) */
@media (min-width: 1024px) and (max-width: 1099px) {
    .ax-header-desktop {
        gap: 16px !important;
        padding: 0 20px !important;
    }

    .ax-header-desktop-nav {
        gap: 14px !important;
    }

    .ax-header-phone {
        font-size: 18px !important;
    }
}