.elementor-15487 .elementor-element.elementor-element-90ab344{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-15487 .elementor-element.elementor-element-08c015e{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for tp-header, class: .elementor-element-08c015e *//* ============================================================
   1. HEADER FISSO (FIXED) + VETRO + OMBRA SOTTO
   ============================================================ */
.tp-header-area {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    
    /* Z-INDEX e Posizionamento */
    margin-top: 0 !important;
    z-index: 99999 !important;

    /* STILE VETRO */
    background-color: rgba(255, 255, 255, 0.90) !important; 
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    
    /* OMBRA (Solo sotto) */
    box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.1) !important;
    
    border: none !important;
    transition: none !important;
}

/* ============================================================
   2. LOGO FERMO (NO SCATTI)
   ============================================================ */
.tp-header-logo img,
.header-sticky .tp-header-logo img,
.tp-header-logo a img {
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
    
    /* Reset animazioni */
    -webkit-transition: none !important;
    transition: none !important;
    transform: none !important;
    margin: 0 !important;
}

.tp-header-logo {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    /* Forza il logo a sinistra se c'è spazio extra */
    justify-content: flex-start !important; 
    min-height: 80px; 
}

/* ============================================================
   3. MEDIA QUERIES (TABLET E MOBILE)
   ============================================================ */
@media (max-width: 1024px) {
    .tp-header-logo img,
    .header-sticky .tp-header-logo img {
        width: 150px !important;
        max-width: 150px !important;
    }
}

@media (max-width: 768px) {
    .tp-header-logo img,
    .header-sticky .tp-header-logo img {
        width: 130px !important;
        max-width: 130px !important;
    }
    /* Sui cellulari riduciamo il padding laterale per avere più spazio */
    .tp-header-area > .container, 
    .tp-header-area > .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ============================================================
   4. FIX DI SICUREZZA
   ============================================================ */
.header-sticky-cloned { display: none !important; }


/* ============================================================
   5. [NUOVO] LARGHEZZA FULL WIDTH (Per schermi larghi)
   ============================================================ */
/* Forza il contenitore interno ad allargarsi al 100% della finestra */
.tp-header-area > .container, 
.tp-header-area .container,
.tp-header-area .container-fluid,
.tp-header-area .row {
    max-width: 100% !important;
    width: 100% !important;
}

/* Aggiunge margine laterale per non attaccare il logo al bordo schermo */
.tp-header-area > .container,
.tp-header-area .container-fluid {
    padding-left: 40px !important;  /* Spazio a sinistra del logo */
    padding-right: 40px !important; /* Spazio a destra del menu */
}

/* Assicura che gli elementi (Logo e Menu) siano spinti agli estremi */
.tp-header-area .row {
    display: flex !important;
    justify-content: space-between !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}/* End custom CSS */