.extra-navigation-part {
    margin: 0 px 0; /* Отступы вокруг меню */
    text-align: left; /* Центрируем меню */
}

.extra-navigation .extra-menu {
    list-style: none; /* Убираем маркеры списка */
    padding: 0; /* Убираем отступы внутри списка */
    margin: 0; /* Убираем внешние отступы */
    display: flex; /* Используем flexbox для горизонтального выравнивания */
    justify-content: left; /* Центрируем элементы списка */
    gap: 15px; /* Расстояние между элементами меню */
}

.extra-navigation .extra-menu li {
    display: inline; /* Элементы в одну строку */
}

.extra-navigation .extra-menu li a {
    text-decoration: none; /* Убираем подчеркивание */
    font-size: 16px; /* Размер шрифта */
    color: #333; /* Цвет текста */
    padding: 5px 10px; /* Отступы внутри ссылок */
    transition: color 0.3s, background-color 0.3s; /* Плавный переход при наведении */
}

.extra-navigation .extra-menu li a:hover {
    color: #fff; /* Цвет текста при наведении */
    background-color: #0073aa; /* Цвет фона при наведении */
    border-radius: 4px; /* Скругление углов */
}
/* Сдвиг меню на 50px влево */
.extra-navigation-part {
    margin-left: -175px; /* Сдвигаем блок меню влево */
}
/* Делаем ссылку видимой */
.menu-item a[href*="user-logout"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Исправляем стили для мобильной версии */
@media (max-width: 768px) {
    .menu-item a[href*="user-logout"] {
        display: block !important;
    }
}
.menu-item a[href="https://4ir4ik.uz/my-account/user-logout/"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Стили для названий страниц и произвольных ссылок в меню */
.menu-item-type-post_type a,
.menu-item-type-custom a {
    color: red; /* Устанавливаем красный цвет текста */
    text-decoration: none; /* Убираем подчеркивание, если есть */
}

.menu-item-type-post_type a:hover,
.menu-item-type-custom a:hover {
    color: darkred; /* Цвет текста при наведении */
}

/* Стили для категорий (оставляем черный цвет) */
.menu-item-type-taxonomy a {
    color: black; /* Черный цвет текста */
    text-decoration: none; /* Убираем подчеркивание, если есть */
}
.header-container {
    min-height: 100px; /* или подходящее значение */
}

.primary-menu-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; /* Убираем перенос */
    align-items: center;
}

.extra-navigation-part {
    margin: 0;
    text-align: left;
    flex-shrink: 0; /* Предотвращаем сжижение этого блока */
    height: 100%; /* Устанавливаем высоту в 100% */
}

.extra-navigation .extra-menu {
    display: flex;
    justify-content: left;
    gap: 15px;
    align-items: center; /* Выравнивание по вертикали */
}

.extra-navigation .extra-menu li {
    display: inline-block; /* Гибкое размещение элементов */
}

.extra-navigation-part {
    margin-left: 0; /* Убираем отрицательные отступы */
}

.bottom-header-right-part {
    display: flex;
    align-items: center;
}
/* Для мобильных устройств, блокируем переход по ссылке */
@media (max-width: 768px) {
    /* Блокируем нажатие на ссылки на первом и втором клике */
    .main-navigation .menu-item-has-children > a {
        pointer-events: none; /* Блокируем ссылку на первом и втором клике */
    }

    /* Включаем переход на третий клик */
    .main-navigation .menu-item-has-children > a.clicked {
        pointer-events: auto; /* Включаем переход по ссылке */
    }
}