.nav-user-control {
    margin-inline-start: 1em;
}

/**
* Header
*/
.app-header {
    .nav-wrapper {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .nav {
        --bs-nav-link-padding-y: 1.5rem;
    }
}

.app-header {
    .nav {

        ul {
            position: absolute;
            display: none;
        }

        ul a {
            padding: 0.5em 1em;
        }

        > li:focus-within > ul,
        > li:hover > ul {
            display: block;
        }

        > li > .nav-link {
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            font-size: 18px;
            font-weight: normal;
            display: flex;
            gap: 0.5em;
        }
        
        > li:has(.nav-link.current) > .nav-link {
            border-bottom: 5px solid white;
        }

    }

}

/**
* Alerts
*/
.mg-alert {
    --bs-alert-padding-x: 2rem;
    --bs-alert-padding-y: 2rem;

    svg.bi {
        width: 95px;
    }
}

.mg-alert-text {
    font-size: calc(1.3rem + .6vw)!important;
}

/**
form progress nav
*/
.mg-circle-nav {
    &:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        top: 31px;
        background-color: var(--bs-border-color);
        margin-block-end: 1em;
    }