/* Menu Dropdown Fix - Улучшение доступности выпадающего меню */

/* Увеличиваем область наведения для пунктов меню с подменю */
.primary-menu .menu-item-has-children {
    position: relative;
}

/* Создаем невидимый "мост" между пунктом меню и выпадающим списком */
.primary-menu .menu-item-has-children::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 20px; /* Высота "моста" - увеличивает зону наведения */
    background: transparent;
    z-index: 9999;
}

/* Убираем зазор между меню и подменю */
.primary-menu .sub-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Улучшаем позиционирование подменю */
.primary-menu .menu-item-has-children:hover > .sub-menu,
.primary-menu .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
}

/* Добавляем небольшую задержку перед скрытием подменю */
.primary-menu .sub-menu {
    transition: opacity 0.2s ease-in-out 0.1s, 
                visibility 0s linear 0.3s !important;
}

.primary-menu .menu-item-has-children:hover > .sub-menu {
    transition-delay: 0s, 0s !important;
}

/* Увеличиваем padding у элементов подменю для лучшей кликабельности */
.primary-menu .sub-menu li {
    padding: 0.5em !important;
}

.primary-menu .sub-menu li a,
.primary-menu .sub-menu li .nolink {
    padding: 10px 12px !important;
    line-height: 1.4 !important;
}

/* Для мобильных устройств - убираем фикс, так как там работает клик */
@media only screen and (max-width: 980px) {
    .primary-menu .menu-item-has-children::after {
        display: none;
    }
}