/* ==========================================================================
   Delta Auriga
   Navigation Styles
   ========================================================================== */

/* ==========================================================================
   Navigation Container
   ========================================================================== */

.auriga-header__navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
}

/* ==========================================================================
   Navigation Block
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

/* ==========================================================================
   Navigation List
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation__container {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Navigation Items
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation-item {
    position: relative;
}

/* ==========================================================================
   Navigation Links
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation-item__content {

    position: relative;

    display: inline-flex;
    align-items: center;

    color: var(--wp--preset--color--text);

    text-decoration: none;

    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1;

    transition:
        color .30s ease,
        transform .30s ease;

}

/* ==========================================================================
   Hover
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation-item__content:hover {

    color: var(--wp--preset--color--primary);
    transform: translateY(-1px);

}

/* ==========================================================================
   Active Link
   ========================================================================== */

.auriga-header__navigation .current-menu-item > .wp-block-navigation-item__content,
.auriga-header__navigation .current_page_item > .wp-block-navigation-item__content,
.auriga-header__navigation .current-menu-ancestor > .wp-block-navigation-item__content {

    color: var(--wp--preset--color--primary);

}

/* ==========================================================================
   Animated Underline
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation-item__content::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: -8px;

    width: 0;
    height: 2px;

    background: var(--wp--preset--color--primary);

    border-radius: 999px;

    transition: width .30s ease;

}

.auriga-header__navigation .wp-block-navigation-item__content:hover::after,
.auriga-header__navigation .current-menu-item > .wp-block-navigation-item__content::after,
.auriga-header__navigation .current_page_item > .wp-block-navigation-item__content::after,
.auriga-header__navigation .current-menu-ancestor > .wp-block-navigation-item__content::after {

    width: 100%;

}

/* ==========================================================================
   Focus
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation-item__content:focus-visible {

    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 6px;

}

/* ==========================================================================
   Submenu
   ========================================================================== */

.auriga-header__navigation .wp-block-navigation__submenu-container {

    background: var(--wp--preset--color--surface);

    border: 1px solid rgba(255,255,255,.08);

    border-radius: .75rem;

    padding: .75rem;

    box-shadow: 0 12px 30px rgba(0,0,0,.25);

}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 992px) {

    .auriga-header__navigation .wp-block-navigation {

        gap: 1.5rem;

    }

    .auriga-header__navigation .wp-block-navigation__container {

        gap: 1.5rem;

    }

}

@media (max-width: 768px) {

    .auriga-header__navigation {

        justify-content: flex-end;

    }

}

/* ==========================================================================
   Navigation Link Color Override
   ========================================================================== */