/*
 * Main Menu Styles - Alternativ@ Child Theme
 * Estratto da style.css per modularità
 */

/* ================================
   NAVIGATION MENU E WIDGET TITLE 
   ================================ */
.main-navigation{
    position:fixed;
    width: 100%;
    top: var(--main-nav-top);
    left: 0;
    right: 0;
    z-index: 9999;
}

body.admin-bar .main-navigation{
    top: calc(var(--main-nav-top) + var(--admin-bar-heigth));
}

@media (max-width: 1024px) {
    .main-navigation{
        top: var(--main-nav-1024-top);
    }
    body.admin-bar .main-navigation{
        top:calc(var(--main-nav-1024-top) + var(--admin-bar-heigth));
    }
}

.main-navigation ul li a,
.widget-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: clamp(0,0.5vw,14pt)  ;
    border-radius: 4%;
    text-shadow: var(--alternativa-shadow) 0.5px 0.5px 0.5px;
    padding-left: 0.8vw !important;
    padding-right: 0.8vw !important;
}

#primary-menu ul li.current-menu-item > a {
    color: var(--alternativa-title) !important;
    background-color: var(--alternativa-title-background) !important;
}

#primary-menu .dropdown-menu-toggle {
    padding: 0;
}

.widget-title {
    padding: 1rem;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    color: var(--alternativa-title);
    background: var(--alternativa-title-background);
}

.main-navigation ul li a:hover,
.widget-title:hover {
    color: var(--alternativa-title-over) !important;
    background-color: var(--alternativa-title-background-over) !important;
}

.main-navigation .inside-navigation {
    flex-direction: column;
}   

/* ================================
   MENU MEDIA QUERIES RESPONSIVE
   ================================ */

/* Orientamento portrait su mobile */
@media screen and (max-width: 768px) {
    .main-navigation ul li a {
        font-size: clamp(10px, 4vmin, 20px);
        line-height: 2em !important;
    }
    
    .menu-toggle {
        line-height: 2em !important;
    }
}