/* 
 * 
 * MOBILE RESPONSIVE
 *
 */
@media (max-width: 1024px) {
    /* HEADER */
        
        .pix-header-desktop {
            margin-top: 15px !important;
        }

        [data-area="header"].is-sticky {
            position: fixed;
            /* margin: 15px; */
            width: 96%;
        }

        .pix-header-desktop, header div[data-area="topbar"], [data-area="header"], [data-area="stack"] {
            display: block !important;
        }

        .pix-search-btn, header nav[data-col="header_3"], .pix-topbar  {
            display: none !important;
        }

        .d-inline-flex:has(>.outletButton) {
            display: none !important;
        }

        header nav[data-col="header_2"] {
            justify-content: flex-end !important;
        }

        header nav[data-col="header_3"] {
            position: fixed;
            display: flex !important;
            flex-wrap: nowrap;
            bottom: 2px;
            left: 50%;
            transform: translateX(-50%); 
            background-color: white;
            justify-content: center !important;
            border-radius: 40px !important;
            width: auto !important;
            padding: 10px !important;
        }
            .pix-row > nav:nth-child(3) {
                padding-right: 10px !important;
            }
            
            header nav[data-col="header_3"] .btn {
                font-size: 1rem !important;
                text-align: center !important;
            }

                header nav[data-col="header_3"] .btn span {
                    margin: 0 auto;
                }


        header nav[data-col="header_3"] .pix-header-box-1 .pix-row .pixfort-header-col:last-of-type {
            display: flex;
            flex-wrap: nowrap;
            justify-content: stretch;
            flex-direction: row;
            align-items: stretch;
            width: 100%;
        }

        
        .pix-header-desktop nav > div:nth-child(2) {
            width: 100%;
        }
        header nav[data-col="header_3"] .btnPrimaryConversionBadge {
            margin-left: 10px;
            width: 100%;
        }

        header nav[data-col="header_3"] .whatsapp-button:focus,.whatsapp-button:active,.whatsapp-button:focus-visible {
            outline: none !important;
            box-shadow: none !important;
            background-color: #25d366 !important;
            color: #ffffff !important;
        }




    /* / HEADER */

    /* UBERMENU */ 
    .ubermenu-nav { 
        justify-content: center;
        margin-top: 160px !important;
    }


        .ubermenu-item-level-0 > .ubermenu-target {
            height: auto !important; 
            line-height: 2.2em !important; 
        }
        .section_link { height: auto !important;}
        .ubermenu a.ubermenu-target {
            font-size: 0.7em;
        }
        
        .ubermenu .ubermenu-active  .ubermenu-submenu-drop { 
            position: initial !important; 
            padding: 20px 0 20px 10px !important;
        }

        .ubermenu-responsive-toggle {
            font-size: 2.6rem !important;
            padding-right:0;
            background-color: transparent !important; 
            color:#000 !important;
        }

        .ubermenu-skin-clean-white.ubermenu-responsive-toggle {
        font-size: 0px !important;
        }

            .ubermenu-responsive-toggle .fas {
            font-size: 41.6px;
            display: inline-block;
            }

        .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close {
            right: 6px;
        }

        .ubermenu-image { display: none !important; }
            .brands_loghi .ubermenu-image { display: block !important; }
            .brands_loghi .ubermenu-item-object-brand {
                width:50% !important; 
                float:left !important;
                clear:none !important;
                margin:0 !important;
            }

            .ubermenu-submenu-id-1307 .ubermenu-image { display: block !important; }
            .ubermenu-submenu-id-1307  .ubermenu-item-object-team {
                width:50% !important; 
                float:left !important;
                clear:none !important;
                margin:0 !important;
            }

        nav.ubermenu-responsive p, nav.ubermenu-responsive li {
            font-size: 2.6rem !important;
        }

        /* Colore delle voci di menu principale + indicatore freccia */
        nav.ubermenu-responsive a  .ubermenu-target-text{ color:#222}
        nav.ubermenu-responsive .ubermenu-current_page_item .ubermenu-target-text { color:#000 }

        /* Colore sfondo menu + sottomenu */
        .ubermenu.ubermenu-main { background-color: var(--e-global-color-pixPrimaryColor) !important; }
        .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 ul { background-color: var(--e-global-color-pixSecondaryColor) !important; }
        .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 * { background-color: initial !important; }

        /* Layout sottomenu */
        .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 ul {
            padding-left:15px !important;
        }
        .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 ul li img {
            display:none !important;
        }
        .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 ul li{
            _margin-bottom:15px !important;
        }

        .ubermenu .ubermenu-nav .ubermenu-column-1-4, .ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack {
            width: 100%;
            padding:0
        }

        .ubermenu-item-level-1 a, .ubermenu-item-level-2 a, .ubermenu-item-level-3 a, .ubermenu-item-level-4 a{
            
            font-size: 1.5rem !important;
        }

            .ubermenu-item-level-1  .ubermenu-target-title {
                line-height: 1em !important;
                margin: 0 !important;
                padding:4px 0 !important;
            }
            
        /* Pulsante chiudi menu mobile */
        .ubermenu-mobile-close-button { 
            font-size: 1.6rem !important;
            color: #000 !important;
            font-weight: bold !important;
        }

        #menu-item-3374 .ubermenu-target-text::before { content: "Tutti gli "; }
        #menu-item-3375 .ubermenu-target-text::before { content: "Tutti i "; }
        #menu-item-3377 .ubermenu-target-text::before { content: "Tutti gli "; }
        #menu-item-3380 .ubermenu-target-text::before { content: "Tutti i "; }
       

    /* / UBERMENU */ 


    /* INTRO - TESTATA */

    .pix-custom-main-intro h1 { 
        text-align: center; 
        margin:0 10px;
    }
    .pix-custom-main-intro .pix-bottom-divider {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        height:30px !important;
    }

    /* / INTRO - TESTATA */

    /* PAGINA */
    .pix-portfolio-site-content > .elementor >  .elementor-element > .e-con > .e-con-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;    
    }

    .pix-portfolio-site-content > .elementor >  .elementor-element >  .e-con-inner > .e-con-full > .e-con-full  > .e-con-full {
        padding-inline-end: 10px !important;
        padding-inline-start: 10px !important;
    }

/* Rimuove il padding se il contenitore contiene widget ma non è il contenitore principale */
.e-con.e-child:has(> .elementor-widget) {
    padding: 0 !important;
}

    /* / PAGINA */


    /* AMELIA */
    #pix_popup_4646 .pix-dialog-inner, #pix_popup_4749 .pix-dialog-inner {
        padding: 20px;
    }



    /* TEMPLATE TEAM - DETTAGLIO */

    .team-foto-bottone { order: -1 !important; }


    .pix-pagination {
        margin:40px 0 80px;
    } 

    /* / TEMPLATE TEAM - DETTAGLIO */


    /* Elementi "Highlighted" */

    /* 1. Forza l'interruzione di riga subito PRIMA dell'elemento evidenziato */
    h2.pix-highlighted-items:has(.pix-highlight-bg) > span:has(+ .pix-highlight-bg)::after {
    content: "\A";
    white-space: pre;
    }

    /* 2. Impedisce che l'elemento evidenziato e quello successivo si separino tra loro */
    .pix-highlight-bg,
    .pix-highlight-bg + span {
    white-space: nowrap;
    }

    /* / Elementi "Highlighted" */



}


/* 
 * 
 * DESKTOP RESPONSIVE
 *
 */
@media (min-width: 1024px) {


    
    .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
        width: calc(var(--pix-header-container-width) - 90px) !important;
        margin-left:36px; 
    }

    a.section_link {
        font-weight: 600 !important;
        border-right: 2px solid !important;
        border-radius: 0 !important;
    }
    /* CENTRATURA VERTICALE - Per i link "di sezione" */
    /* 1. Qualsiasi sottomenu che contiene un .section_link deve allineare le colonne in orizzontale e allungarle */
    .ubermenu-submenu:has(.section_link) {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    }

    /* 2. La colonna (item di livello 1) deve permettere al contenuto di espandersi verticalmente */
    .ubermenu-item-level-1:has(.section_link) {
    display: flex !important;
    flex-direction: column !important;
    }

    /* 3. La lista interna (stack) si espande per riempire tutta l'altezza della colonna */
    .ubermenu-submenu-type-stack:has(.section_link) {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding-bottom: 0 !important;
    }

    /* 4. Il contenitore LI del link specifico occupa tutto lo spazio verticale disponibile */
    .ubermenu-item:has(> a.section_link) {
    display: flex !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    }

    /* 5. Il link .section_link diventa l'area cliccabile totale e centra il testo internamente */
    a.ubermenu-target.section_link {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    }
    /* / CENTRATURA VERTICALE - Per i link "di sezione" */
        
}