/* Awakening Earth — shared navigation groups v1 */

.ae-site-header .ae-nav-group {
    position:relative;
    display:flex;
    align-items:center;
    gap:2px;
}

.ae-site-header .ae-nav-group-toggle {
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:34px;
    padding:0 3px;
    border:0;
    border-radius:4px;
    background:transparent;
    box-shadow:none;
    color:#f8f5eb;
    cursor:pointer;
}

.ae-site-header .ae-nav-group-toggle svg {
    width:13px;
    height:13px;
    transition:transform .18s ease;
}

.ae-site-header
.ae-nav-group.ae-submenu-open
.ae-nav-group-toggle svg {
    transform:rotate(180deg);
}

.ae-site-header .ae-nav-group-toggle:focus-visible {
    outline:2px solid #e5d6b8;
    outline-offset:2px;
}

.ae-site-header .ae-nav-group-panel {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    z-index:60;
    width:max-content;
    min-width:235px;
    max-width:300px;
    padding:.55rem;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:#243e33;
    box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.ae-site-header
.ae-nav-group.ae-submenu-open
.ae-nav-group-panel {
    display:block;
}

.ae-site-header .ae-nav-group-panel a {
    display:block;
    padding:.8rem 1rem;
    border-radius:7px;
    color:#f8f5eb;
    font-size:.87rem;
    line-height:1.4;
    text-decoration:none;
    white-space:normal;
}

.ae-site-header .ae-nav-group-panel a:hover,
.ae-site-header .ae-nav-group-panel a:focus-visible {
    background:rgba(255,255,255,.12);
    color:#ffffff;
}

@media(max-width:900px) {
    .ae-site-header .ae-nav-group {
        width:100%;
        flex-wrap:wrap;
        justify-content:space-between;
    }

    .ae-site-header .ae-nav-group-toggle {
        width:40px;
        height:40px;
    }

    .ae-site-header .ae-nav-group-panel {
        position:static;
        flex:0 0 100%;
        width:100%;
        max-width:none;
        margin-top:.35rem;
        box-shadow:none;
    }
}

@media(prefers-reduced-motion:reduce) {
    .ae-site-header .ae-nav-group-toggle svg {
        transition:none;
    }
}