.aw-mobile-menu-nav {
    font-size: 1rem;

    h3, h4 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.5rem;
        color: var(--c-mono-400);
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: bold;
        padding: 0 1.5rem;
        margin-bottom: 1.5rem;
    }

    ol, ul {
        overflow: hidden;
        list-style: none;
        padding: 0;
        margin: 0;
        border-radius: 0.9375rem;
    }

    &--primary li + li {
        margin-top: 1px;

        .aw-mobile-menu-nav__item--divide {
            position: relative;
            padding-top: 2.5rem;

            &:before {
                @apply bg-mono-800;
                content: '';
                display: block;
                height: 1px;

                position: absolute;
                top: calc(0.75rem - 1px);
                left: 1.5rem;
                right: 1.5rem;
            }
        }
    }

    &--default li + li {
        margin-top: 1px;

        .aw-mobile-menu-nav__item--divide {
            position: relative;

            &:before {
                @apply bg-mono-800;
                content: '';
                display: block;
                height: 1px;

                position: absolute;
                top: -1px;
                left: 1.5rem;
                right: 1.5rem;
            }
        }
    }

    li + li .aw-mobile-menu-item--island {
        /* position: relative; */
        margin-top: 0.25rem;
    }

    &--default :is(ol, ul) {
        @apply bg-surface;

        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    &--primary :is(ol, ul) {
        @apply bg-surface;

        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

.container .aw-mobile-menu-nav {
    margin-left: calc(-1 * var(--container-padding, 0px));
    margin-right: calc(-1 * var(--container-padding, 0px));
}

@screen lg {
    .container .aw-mobile-menu-nav {
        margin-left: 0;
        margin-right: 0;
    }
}