/*
 * Personalizzazione del widget Respond.io.
 *
 * Lo script del widget viene caricato esclusivamente tramite Google Tag Manager;
 * questo foglio di stile si limita a personalizzare l'iframe una volta creato.
 */

/*
 * Lo stato aperto/chiuso della chat si legge dall'attributo `state` che
 * Respond.io mette sull'iframe: "widgetOpen" (chat aperta) / "widgetClose"
 * (solo bollicina/launcher).
 *
 * DESKTOP: il dimensionamento/posizionamento custom (finestra 400px a sinistra)
 * viene applicato SOLO a chat APERTA. A chat chiusa l'iframe resta alle
 * dimensioni native (bollicina): forzarlo a 400px anche da chiuso lo faceva
 * debordare sopra la modale cookie e — essendo un iframe cattura i pointer su
 * tutto il suo box — intercettava i tap dei pulsanti della modale.
 *
 * MOBILE: il widget Respond.io viene NASCOSTO COMPLETAMENTE in ogni stato
 * (widgetClose e widgetOpen). Su mobile il contatto e' gestito dai link
 * lead2call, quindi il widget non serve e non deve mai comparire ne' occupare
 * spazio ne' intercettare tap. Nascondiamo sia l'iframe sia il suo container
 * (il wrapper #dbee1 e' hashato → non ci si ancora: lo raggiungiamo con :has()
 * partendo dall'iframe, che e' stabile per title/src).
 */

/* Desktop, SOLO a chat aperta */
@media (min-width: 768px) {
    iframe[title="Webchat Widget"][state="widgetOpen"],
    iframe[src*="cdn.respond.io/webchat/widget/chat.html"][state="widgetOpen"] {
        width: 400px !important;
        max-width: 400px !important;
        left: 45px !important;
        right: auto !important;
        bottom: 12% !important;
    }
}

/* Mobile: Respond.io nascosto del tutto in ogni stato.
 * NB: la regola sull'iframe e quella sul wrapper (:has()) sono TENUTE SEPARATE:
 * in una selector-list un :has() non supportato invaliderebbe l'INTERA regola
 * (il forgiving-parsing vale solo dentro gli argomenti di :is()/:where()/:has(),
 * non nella lista di primo livello). Cosi' l'hide dell'iframe sopravvive anche
 * sui browser senza :has(); per il wrapper c'e' comunque il fallback JS. */
@media (max-width: 767px) {
    iframe[title="Webchat Widget"],
    iframe[src*="cdn.respond.io/webchat/widget/chat.html"] {
        display: none !important;
    }
}

/* Mobile: nasconde anche il container/wrapper hashato (progressive enhancement) */
@media (max-width: 767px) {
    :has(> iframe[title="Webchat Widget"]),
    :has(> iframe[src*="cdn.respond.io/webchat/widget/chat.html"]),
    :has(> div > iframe[title="Webchat Widget"]),
    :has(> div > iframe[src*="cdn.respond.io/webchat/widget/chat.html"]) {
        display: none !important;
    }
}