/* * Custom code for MegaShop Theme
 * Stability, Layout and PageSpeed Optimization
 */

/* 1. OTTIMIZZAZIONE MEGAMENU (Stabilità e Delay) */
.tptn-megamenu .menu-dropdown, 
.tptn-megamenu .dropdown-menu,
.tptn-megamenu ul.sub-menu {
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
    transition-delay: 0.3s !important; 
}

.tptn-megamenu li:hover > .menu-dropdown,
.tptn-megamenu li:hover > .dropdown-menu,
.tptn-megamenu li:hover > ul.sub-menu {
    transition-delay: 0s !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.tptn-megamenu li.level-1 {
    padding-bottom: 15px !important; 
    margin-bottom: -15px !important;
}

.tptn-megamenu .menu-dropdown {
    transform: translateY(0);
}

/* 2. COMPATTEZZA HEADER E ALLINEAMENTO MODULI */
#search_widget {
    max-width: 300px !important;
    margin: 0 auto !important;
}

.header-nav .right-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
}

.header-nav {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: 35px !important;
}

#header .header-top {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#_desktop_user_info, #_desktop_cart {
    margin-left: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 3. CORREZIONE CLS E OTTIMIZZAZIONE IMMAGINI (PAGESPEED) */

/* Forza dimensioni logo per evitare salti di layout */
#_desktop_logo img {
    width: 200px !important;
    height: 85px !important;
}

/* Prenota lo spazio per lo slider su Desktop */
#wrapper section#content {
    min-height: 530px; 
}

/* Ottimizzazione icone pagamento nel footer */
#footer img {
    height: auto;
    max-width: 100%;
}

/* 4. LOGICA SPECIFICA PER MOBILE (Smartphone e Tablet) */
@media (max-width: 767px) {
    /* Prenota lo spazio per la slide verticale su mobile (540x650) */
    #wrapper section#content {
        min-height: 480px !important; 
    }

    /* Forza lo scambio dell'immagine se il tema non lo fa (Switch Mobile) */
    #tptnhomeslider picture img {
        content: url("https://store.fullgardenshop.it/modules/tptnhomeslider/images/5407d05c98e6c38125d6a7fb1f787ca79088f929_slide san valentino mobile.jpg") !important;
        width: 100% !important;
        height: auto !important;
    }
}