.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =======================================================
   NOTIFICHE WOOCOMMERCE (Stile "Toast" Fluttuante Premium)
   ======================================================= */

/* 1. Contenitore Principale (Fluttuante e Allineato) */
.woocommerce-message, 
.woocommerce-error, 
.woocommerce-info {
    position: fixed !important;
    top: 130px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 999999 !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
    padding: 20px 60px 20px 30px !important; /* Spazio a destra per la X */
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    color: #4B5563 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    width: 90% !important;
    max-width: 800px !important;
    list-style: none !important;
    animation: toastInDesktop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;
}

/* 2. Ordine del Testo (Sempre per primo a sinistra) */
.woocommerce-message p,
.woocommerce-error p,
.woocommerce-info p {
    order: 1 !important;
    margin: 0 !important;
}

/* 3. Pulizia icone vecchie e Colori di stato */
.woocommerce-message::before, 
.woocommerce-error::before, 
.woocommerce-info::before { display: none !important; }
.woocommerce-message { border-left: 6px solid #10B981 !important; }
.woocommerce-error { border-left: 6px solid #EF4444 !important; }
.woocommerce-info { border-left: 6px solid #03B2DE !important; }

/* 4. Animazione Desktop */
@keyframes toastInDesktop {
    0% { opacity: 0; top: 100px; }
    100% { opacity: 1; top: 130px; }
}

/* =======================================================
   BOTTONI DENTRO LE NOTIFICHE (Es. "Visualizza Carrello")
   ======================================================= */
.woocommerce-message .button, 
.woocommerce-error .button, 
.woocommerce-info .button {
    background: #ffffff !important;
    color: #8103A1 !important;
    border: 1px solid #8103A1 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    margin: 0 15px 0 auto !important; /* Spinge il bottone a destra e lascia 15px dalla X */
    transition: all 0.3s ease !important;
    display: inline-block !important;
    order: 2 !important;
}

.woocommerce-message .button:hover, 
.woocommerce-error .button:hover, 
.woocommerce-info .button:hover {
    background: linear-gradient(90deg, #8103A1, #03B2DE) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    transform: translateY(-2px) !important;
}

/* =======================================================
   LA "X" DI CHIUSURA (Nuova Icona Circolare)
   ======================================================= */
.toast-close {
    order: 3 !important; /* Ultimo elemento a destra */
    position: static !important;
    font-size: 0 !important; /* MAGIA 1: Nasconde la vecchia X testuale azzerandone la grandezza */
    color: transparent !important; /* MAGIA 2: La rende trasparente per sicurezza */
    cursor: pointer !important;
    margin-left: 15px !important;
}

.toast-close::after {
    content: '\2715' !important; /* Simbolo matematico X */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #000000 !important;
    border-radius: 50% !important;
    background: transparent !important;
    font-family: sans-serif !important;
    font-size: 14px !important; /* Ridà la giusta grandezza solo alla NUOVA X */
    color: #000000 !important; /* Forza il colore nero per l'icona! */
    line-height: 1 !important;
    text-align: center !important;
    transition: transform 0.2s, color 0.2s, border-color 0.2s !important;
}

.toast-close:hover::after {
    border-color: #EF4444 !important;
    color: #EF4444 !important;
    transform: scale(1.1) !important;
}

/* =======================================================
   RESPONSIVE MOBILE (Fix X in alto a destra)
   ======================================================= */
@media (max-width: 767px) {
    .woocommerce-message, 
    .woocommerce-error, 
    .woocommerce-info {
        top: 90px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important; /* Leggermente aumentato per dare respiro */
        /* MAGIA: Aumentiamo il padding a destra (50px) per non far accavallare il testo alla X */
        padding: 20px 50px 20px 20px !important; 
        width: 90% !important;
        animation:toastInMobile 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;
    }
    
    /* Sgancia la X dalla colonna e la fissa nell'angolo in alto a destra */
    .toast-close {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        margin: 0 !important;
    }
    
    .woocommerce-message .button, 
    .woocommerce-error .button, 
    .woocommerce-info .button {
        order: 3 !important;
        margin: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
}

/* Animazione per il mobile */
@keyframes toastInMobile {
    0% { opacity: 0; top: 60px; }
    100% { opacity: 1; top: 90px; }
}

/* =======================================================
   FIX COLORI TESTI INTERNI AI MESSAGGI (Tutto Nero e Pulito)
   ======================================================= */
/* Forza il colore nero su liste, link e testi normali, rimuovendo le sottolineature */
.woocommerce-message li, 
.woocommerce-error li, 
.woocommerce-info li,
.woocommerce-message li a, 
.woocommerce-error li a, 
.woocommerce-info li a {
    color: #000000 !important;
    text-decoration: none !important; /* Rimuove la linea sotto il testo */
    box-shadow: none !important; /* Neutralizza eventuali stili link di Elementor */
    margin-bottom: 8px !important; /* Dà respiro tra un errore e l'altro */
}

/* Mantiene i nomi dei campi in grassetto per leggibilità, ma sempre neri */
.woocommerce-message li strong, 
.woocommerce-error li strong, 
.woocommerce-info li strong,
.woocommerce-message li a strong, 
.woocommerce-error li a strong, 
.woocommerce-info li a strong {
    color: #000000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}/* End custom CSS */