/* Keep the original navigation appearance and its place in the page flow. */
body { height: auto; min-height: 100%; }
html { scroll-padding-top: 90px; }
.mainmenu-area.site-mainmenu,
.mainmenu-area.site-mainmenu.stricky-fixed {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030; /* Below Bootstrap's modal backdrop and dialogs. */
    background: var(--cor_primaria);
    transition: none;
}
.site-mainmenu .main-menu .navigation > li:focus-within > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.site-mainmenu a:focus-visible, .site-mainmenu button:focus-visible {
    outline: 2px solid var(--cor_secundaria);
    outline-offset: -4px;
}
@media (max-width: 767px) {
    .site-mainmenu .main-menu .collapse.in {
        max-height: min(300px, calc(100vh - 90px));
        max-height: min(300px, calc(100dvh - 90px));
        overflow-y: auto;
    }
    .site-mainmenu .main-menu .navbar-collapse > .navigation,
    .site-mainmenu .main-menu .navbar-collapse > .navigation > li > a,
    .site-mainmenu .main-menu .navbar-collapse > .navigation > li > ul > li > a {
        background: var(--cor_primaria);
    }
    .site-mainmenu .main-menu .navbar-collapse > .navigation > li.current > a,
    .site-mainmenu .main-menu .navbar-collapse > .navigation > li > a:hover,
    .site-mainmenu .main-menu .navbar-collapse > .navigation > li > ul > li > a:hover {
        background: var(--cor_secundaria);
        color: var(--cor_primaria) !important;
    }
}