/* Tooltip posizioni */
#ai-chat-tooltip.tooltip-center{left:50%;transform:translateX(-50%)}
#ai-chat-tooltip.tooltip-right{right:25px;left:auto;transform:none}
#ai-chat-tooltip.tooltip-left{left:25px;right:auto;transform:none}

 
/* Stile per le Azioni Contestuali */
/* Stile FINALE per le Azioni Contestuali */
.aicw-contextual-actions-container {
    /* Occupa tutta la larghezza e centra i bottoni */
    width: 80%;
    margin-top: -25px;
    padding-left: 10px!important;
    padding: 0px 0 16px 0;
    display: flex;
    justify-content: left; /* Centra i bottoni orizzontalmente */
    flex-wrap: wrap;
    column-gap: 10px; raw-gap:5px;/* Spazio tra i bottoni */
}

/* Stile per i SINGOLI bottoni */
.aicw-contextual-action-button {
background: var(--aicw-chip-bg);
    border: 1px solid var(--aicw-chip-border);
    border-radius: var(--aicw-radius)!important;
   padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center; /* Testo centrato */
    margin-top: 5px; 
}

.aicw-contextual-action-button:hover {
   background: var(--aicw-chip-bg);
    color: var(--aicw-main);
    border-color: #4d5df1;
}

.aicw-whatsapp-button {
    display: inline-block;
    padding: 10px 18px;
    margin-top: 10px;
    background-color: #25D366;
    color: white !important;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
.aicw-whatsapp-button:hover {
    background-color: #128C7E;
}

/* Contenitore principale del form */
.aicw-lead-form-evolved {
    background-color: #f7f8fa;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    margin-top: 10px;
    transition: all 0.3s ease;
}

/* Nasconde i campi del form dopo l'invio */
.aicw-lead-form-evolved.form-submitted .form-fields {
    display: none;
}

/* Mostra il messaggio di successo (nascosto di default) */
.aicw-lead-form-evolved .success-message {
    display: none;
    text-align: center;
    padding: 20px 0;
}
.aicw-lead-form-evolved.form-submitted .success-message {
    display: block;
}
.success-message .icon {
    font-size: 48px;
    color: #28a745;
}
.success-message p {
    margin: 10px 0 0;
    font-weight: 500;
    color: #333;
}

/* Stile per i campi di input */
.aicw-lead-form-evolved .form-field {
    margin-bottom: 15px;
}
.aicw-lead-form-evolved input[type="text"],
.aicw-lead-form-evolved input[type="email"],
.aicw-lead-form-evolved input[type="tel"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    box-sizing: border-box; /* Assicura che padding non alteri la larghezza */
    transition: border-color 0.2s, box-shadow 0.2s;
}
.aicw-lead-form-evolved input:focus {
    outline: none;
    border-color: var(--aicw-main, #4d5df1);
    box-shadow: 0 0 0 3px rgba(77, 93, 241, 0.15);
}

/* --- Stili per la validazione in tempo reale --- */
.aicw-lead-form-evolved input.is-invalid {
    border-color: #dc3545;
}
.aicw-lead-form-evolved input.is-valid {
    border-color: #28a745;
}
.validation-message {
    font-size: 12px;
    color: #dc3545;
    margin-top: 4px;
    display: none; /* Nascosto finché non c'è un errore */
}

/* Pulsante di invio */
.aicw-lead-form-evolved .lead-gen-submit-evolved {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background-color: var(--aicw-main, #4d5df1);
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
}
.aicw-lead-form-evolved .lead-gen-submit-evolved:hover {
    background-color: #3c4ad8; /* Scurisce leggermente il colore principale */
}

/* CTA: link-bottone */
.aicw-card h4 {line-height:1.2; } 

/* CTA: link-bottone */
.aicw-open-lead{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  background:var(--aicw-main);color:#fff!important;font-weight:600;border:1px solid transparent;
  text-decoration:none!important;box-shadow:0 6px 16px rgba(0,0,0,.15);
  transition:background-color .15s, box-shadow .15s, transform .05s; line-height:1.1; white-space:nowrap;
}
.aicw-open-lead:hover{filter:brightness(.95);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.aicw-open-lead:active{transform:translateY(1px)}
.aicw-open-lead:focus-visible{outline:2px solid rgba(169,176,255,.9);outline-offset:2px}
.aicw-open-lead .aicw-btn-icon{font-size:1.1em;line-height:1}
.ai-message .aicw-open-lead{margin-left:auto}



/* Lead form */
.lead-gen-form{padding:0px;background:rgba(0,0,0,.00);border-radius:0px;margin-top:10px;margin-bottom:10px; }
.lead-gen-form p{margin:0 0 10px}
.lead-gen-form input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}
.lead-gen-form input[type="file"]{border:1px dashed #bbb;background:#fff}
.lead-gen-form button{width:100%;padding:8px;background:var(--aicw-main);color:#fff;border:none;border-radius:4px;cursor:pointer}
.lead-gen-form p {    padding-bottom: 0.01em;}

.lead-gen-form small {font-size: 11px; }



/* Disclaimer */
.aicw-disclaimer{padding-bottom:10px;padding-left: 10px;font-size:9px;color:#999;text-align:left; line-height:1;margin-top: -11px; max-width: 60%;}
.aicw-disclaimer a{color:#777;text-decoration:underline}

/* Typing indicator */
.is-typing{display:flex;align-items:center;gap:5px;padding:15px 20px!important}
.is-typing .dot{width:8px;height:8px;background:#999;border-radius:50%;animation:bounce 1.2s infinite ease-in-out}
.is-typing .dot:nth-child(2){animation-delay:-.2s}
.is-typing .dot:nth-child(3){animation-delay:-.4s}

/* ======================================================
   === STILI MIGLIORATI PER I TOGGLE SWITCH (Generico) ===
   ====================================================== */

/* Contenitore per allineare il toggle con eventuali etichette */
.aicw-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 10px; /* Spazio tra etichetta e toggle */
}

/* La base del nostro interruttore, che è l'etichetta <label> */
.aicw-toggle-switch {
    position: relative;
    display: inline-block;
    width: 52px;  /* Larghezza aumentata per ospitare le icone */
    height: 30px; /* Altezza leggermente aumentata */
    cursor: pointer;
}

/* Nasconde il checkbox di default */
.aicw-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* Lo sfondo dello slider che cambia colore */
.aicw-toggle-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc; /* Sfondo quando è "spento" */
    border-radius: 30px;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Allinea le icone ai lati */
    padding: 0 5px; /* Spazio per le icone */
}

/* Stile per la dark mode */
.dark-mode .aicw-toggle-slider {
    background-color: #555;
}

/* Il "pallino" che si muove */
.aicw-toggle-slider::before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    left: 4px; /* Posizione iniziale a sinistra */
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Stato "acceso" */
.aicw-toggle-switch input:checked + .aicw-toggle-slider {
    background-color: var(--aicw-main); /* Usa il colore principale del plugin */
}

.aicw-toggle-switch input:checked + .aicw-toggle-slider::before {
    transform: translateX(22px); /* Sposta il pallino a destra */
}

/* Icone all'interno del toggle */
.aicw-toggle-icon {
    font-size: 14px;
    color: white;
    transition: opacity 0.3s ease;
}

/* Logica per mostrare/nascondere le icone */
/* Icona "ON" (destra) è nascosta di default */
.aicw-toggle-slider .icon-on {
    opacity: 0;
}
/* Icona "OFF" (sinistra) è visibile di default */
.aicw-toggle-slider .icon-off {
    opacity: 1;
}

/* Quando il toggle è acceso, invertiamo la visibilità */
.aicw-toggle-switch input:checked + .aicw-toggle-slider .icon-on {
    opacity: 1;
}
.aicw-toggle-switch input:checked + .aicw-toggle-slider .icon-off {
    opacity: 0;
}

/* Stile base per i pulsanti dei suggerimenti */
.aicw-chip {
    border-radius: 4px !important; /* Angoli meno arrotondati */
    font-weight: bold;             /* Testo in grassetto */
    text-transform: uppercase;     /* Testo tutto maiuscolo */
    font-size: 12px;               /* Dimensione del testo leggermente pi첫 piccola */
    padding: 8px 14px;             /* Pi첫 spazio interno (padding) */
    border: 1px solid var(--aicw-main); /* Bordo con il colore principale */
    color: var(--aicw-main);       /* Colore del testo uguale al colore principale */
}

/* Effetto al passaggio del mouse */
.aicw-chip:hover {
    background-color: var(--aicw-main) !important; /* Sfondo pieno al passaggio del mouse */
    color: #ffffff !important;                     /* Testo bianco al passaggio del mouse */
    transform: scale(1.05);                        /* Leggero ingrandimento */
}

/* Contenitore principale dei suggerimenti */.aicw-suggestions-container{}
.aicw-suggestions-container {
    
    /* NESSUNA riga "display:" qui */
    padding: 0px 22px;
 
    border-top: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    display: none ; 
    margin-bottom: -1px!important; 
}
.aicw-qa-close {
   
    padding-top: 6px;
}
/* Le altre regole per il titolo e i pulsanti vanno bene così */
.aicw-side-title {
    margin-right: 15px;
    white-space: nowrap;  
}
    /* abilita overflow orizzontale dentro flex */
#ai-chat-column-chat,
.aicw-suggestions-container,
#aicw-quick-actions-wrapper,
#aicw-quick-actions{min-width:0}

.aicw-suggestions-container,
#aicw-quick-actions-wrapper{width:100%}

/* abilita pan orizzontale su touch e blocca “rubber band” */
#aicw-quick-actions{
  touch-action: pan-x;
  -ms-touch-action: pan-x;
  overscroll-behavior-x: contain;
  pointer-events:auto;
}
/* Stile per il titolo "Suggerimenti" */
.aicw-side-title {
    font-size: 14px;
    font-weight: bold;
     color: #555;
     margin-right: 15px; /* 4. Aggiunge un po' di spazio tra il titolo e il primo pulsante */
    white-space: nowrap;}
#aicw-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 2px; /* Crea uno spazio uniforme tra i pulsanti */
}
.aicw-chip {
    border-radius: 999px !important; /* Rende i bordi completamente rotondi */
}