#menu {
    min-height: 100dvh;
    max-height: 100dvh;
    z-index: 20;
}

@media only screen and (max-width: 1096px) {
    body[data-template="article"] #menu {display: none !important;}
}

@media only screen and (min-width: 768px) {
    #menu {grid-auto-rows: auto;}
}


/*
STATUS
*/
.menu-section[data-status="true"] {z-index: 100;}
.menu-section:not([data-status='true']) {opacity: 0;}
@media only screen and (min-width: 768px) {
    body:not([data-slug='home']) .menu-group:not([data-status="true"]),
    body:not([data-slug='home']) .menu-group[data-status="true"] dd:not(.--active) {opacity: var(--t-alpha);}

    body[data-slug='home'] .menu-group,
    body[data-slug='home'] .menu-group dd {opacity: 1;}
}
@media only screen and (min-width: 1096px) {
    body[data-template='article'] .menu-section.--col_2[data-status="true"] h3:not(.--active),
    body[data-template='article'] .menu-section.--col_2[data-status="true"] h4:not(.--active),
    body[data-template='article'] .menu-section.--col_2[data-status="true"] a:not(.--active) {opacity: var(--t-alpha);}
}


/* 
SECTIONS
*/
.menu-section.--col_1,
.menu-section.--col_2 {
    overflow-x: hidden;
    overflow-y: auto;
    flex-grow: 1;
    max-height: calc(100dvh - 2rem);
}

@media only screen and (min-width: 768px) {
    .menu-section.--col_1 {
        grid-column: 1/2;
        grid-row: 1;
    }
    .menu-section.--col_2 {grid-column: 2/-1; grid-row: 1/3;}
    #menu-footer {grid-column: 1/2; grid-row: 2;}
}




/*
ITEM
*/
.m_item-safe-space {min-width: var(--t-indent);}
.m_item-trigger {opacity: 0;}


/* 
FILTERING & SEARCH
*/
#menu-filter_search {margin: 8em 0 0;}

/* SEARCH */
#menu-search {
    min-width: calc(calc(100vw - 2rem) / 2);
    max-width: calc(calc(100vw - 2rem) / 2);
    border-bottom: 1px solid var(--c-black);
    padding-bottom: 2px;
}
@media only screen and (min-width: 768px) {
    #menu-search {
        min-width: 32rem;
        max-width: 32rem;
    }
}

#menu-search input[type="search"] {
    background: transparent;
    border-radius: 0;
    width: 100%;
    border: 0;
    outline: 0;
}
#menu-search input[type="search"]::placeholder {opacity: var(--t-alpha);}

#menu-search input[type="submit"] {
    right: 0;
    background: transparent;
    border-radius: 0;
    border: 0;
}




/* 
FOOTER
*/
#menu-footer {
    padding-top: 1rem;
    margin-top: auto;
    transition: none !important;
}

/* LOGO */
#menu-footer-logo {
    width: 13.5rem;
    height: 13.5rem;
    padding: .25rem;
    margin-right: 1rem;

}



@media (hover: hover) {
    #section--home:hover .menu-group dt,
    #section--home:hover .menu-group dd,
    .menu-section.--col_2:hover a:not(.--active) {opacity: var(--t-alpha) !important;}

    #section--home:hover *,
    #section--home .menu-group:hover dt,
    #section--home .menu-group dd:hover,
    .menu-section.--col_2 a:not(.--active):hover {opacity: 1 !important;}
}