/* КРИТИЧЕСКОЕ ИСПРАВЛЕНИЕ DROPDOWN МЕНЮ */
/* Используем класс .nav-dropdown вместо .dropdown-menu чтобы избежать конфликтов */

/* КРИТИЧНО: Для dropdown элементов нужно изменить структуру позиционирования */
/* Вместо позиционирования .nav-link, позиционируем сам .nav-item */

/* Для 1-го пункта меню (Флебология) - nth-child(1) */
.site-header .nav-menu > .nav-item-dropdown:nth-child(1) {
    position: absolute !important;
    left: 492px !important;
    top: 65px !important;
}

.site-header .nav-menu > .nav-item-dropdown:nth-child(1) > .nav-link {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

/* Для 2-го пункта меню (Косметология) - nth-child(2) */
.site-header .nav-menu > .nav-item-dropdown:nth-child(2) {
    position: absolute !important;
    left: 622px !important;
    top: 65px !important;
}

.site-header .nav-menu > .nav-item-dropdown:nth-child(2) > .nav-link {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

/* Для 3-го пункта меню (Лимфология) - nth-child(3) */
.site-header .nav-menu > .nav-item-dropdown:nth-child(3) {
    position: absolute !important;
    left: 760px !important;
    top: 65px !important;
}

.site-header .nav-menu > .nav-item-dropdown:nth-child(3) > .nav-link {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

/* Для 4-го пункта меню (Врачи) - nth-child(4) */
.site-header .nav-menu > .nav-item-dropdown:nth-child(4) {
    position: absolute !important;
    left: 893px !important;
    top: 65px !important;
}

.site-header .nav-menu > .nav-item-dropdown:nth-child(4) > .nav-link {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

/* Для 8-го пункта меню (Пациентам) - nth-child(8) */
.site-header .nav-menu > .nav-item-dropdown:nth-child(8) {
    position: absolute !important;
    left: 1342px !important;
    top: 65px !important;
}

.site-header .nav-menu > .nav-item-dropdown:nth-child(8) > .nav-link {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

/* Само выпадающее меню с новым классом */
.site-header .nav-menu .nav-item-dropdown > .nav-dropdown,
.nav-menu .nav-item-dropdown > .nav-dropdown {
    /* Позиционирование относительно .nav-item-dropdown */
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    
    /* КРИТИЧНО: Отменяем любые transform */
    transform: none !important;
    -webkit-transform: none !important;
    
    /* Размеры */
    min-width: 250px !important;
    width: auto !important;
    max-width: 380px !important;
    
    /* Отступы - убираем верхний отступ для плавного перехода */
    margin: 0 !important;
    margin-top: 0px !important;
    padding: 8px 0 !important;
    padding-top: 10px !important;
    
    /* Внешний вид */
    background: white !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    
    /* Скрываем по умолчанию */
    display: none !important;
    
    /* z-index */
    z-index: 10000 !important;
    
    /* Список */
    list-style: none !important;
}

/* Создаём невидимый "мост" между пунктом меню и dropdown */
.site-header .nav-menu .nav-item-dropdown::before,
.nav-menu .nav-item-dropdown::before {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    height: 10px !important;
    background: transparent !important;
    z-index: 9999 !important;
    display: none !important;
}

.site-header .nav-menu .nav-item-dropdown:hover::before,
.nav-menu .nav-item-dropdown:hover::before {
    display: block !important;
}

/* Показываем меню при hover */
.site-header .nav-menu .nav-item-dropdown:hover > .nav-dropdown,
.nav-menu .nav-item-dropdown:hover > .nav-dropdown {
    display: block !important;
}

/* Держим меню открытым когда курсор над самим dropdown */
.site-header .nav-menu .nav-item-dropdown > .nav-dropdown:hover,
.nav-menu .nav-item-dropdown > .nav-dropdown:hover {
    display: block !important;
}

/* Пункты меню */
.nav-menu .nav-item-dropdown > .nav-dropdown > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Ссылки в меню */
.nav-menu .nav-item-dropdown > .nav-dropdown > li > a {
    display: block !important;
    padding: 10px 20px !important;
    color: #666 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

/* Hover на ссылках */
.nav-menu .nav-item-dropdown > .nav-dropdown > li > a:hover {
    background: #f5f5f5 !important;
    color: #5E96CF !important;
    padding-left: 24px !important;
}

/* Стрелка при hover - скрываем в fixed header */
.site-header .nav-menu .nav-item-dropdown > .nav-arrow {
    display: none !important;
}

/* Цвет ссылки при hover */
.nav-menu .nav-item-dropdown:hover > .nav-link {
    color: #5E96CF !important;
}