/*
 * Hegau24 Navigation
 */

/* Скрываем пункт «Войти» из основного меню */
.hp-menu__item--user-login {
    display: none !important;
}


/* =========================================================
   Navigation links
   ========================================================= */

.hegau-header__bottom .hegau-menu > li > a {
    position: relative;
    padding-bottom: 12px;

    color: #1f2937;
    text-decoration: none;

    transition: color 0.2s ease;
}


/* =========================================================
   Animated underline
   ========================================================= */

.hegau-header__bottom .hegau-menu > li > a::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 21px;

    width: 100%;
    height: 3px;

    background: #16a34a;
    border-radius: 999px;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.25s ease;
}


/* Наведение */
.hegau-header__bottom .hegau-menu > li > a:hover::after,

/* Активный пункт */
.hegau-header__bottom .hegau-menu > li.current-menu-item > a::after,

/* Активный раздел */
.hegau-header__bottom .hegau-menu > li.current-menu-ancestor > a::after {
    transform: scaleX(1);
}


/* Цвет текста при наведении и у активного пункта */
.hegau-header__bottom .hegau-menu > li > a:hover,
.hegau-header__bottom .hegau-menu > li.current-menu-item > a,
.hegau-header__bottom .hegau-menu > li.current-menu-ancestor > a {
    color: #16a34a;
}

/* =========================================================
   Base layout for Hegau24 header navigation
   ========================================================= */

.hegau-navigation {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.hegau-navigation > ul.hegau-navigation__menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hegau-navigation > ul.hegau-navigation__menu > li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hegau-navigation > ul.hegau-navigation__menu > li > a {
    display: inline-block;
    color: #1f2937;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.hegau-navigation > ul.hegau-navigation__menu > li > a:hover,
.hegau-navigation > ul.hegau-navigation__menu > li.current-menu-item > a {
    color: #16a34a;
}