/* Convertic Chat WhatsApp | assets/css/whatsapp.css */
/* Comme le badge "protégé par reCAPTCHA" : seule l'icône est visible en
   permanence, le texte reste replié et ne sort qu'au survol (souris ou
   focus clavier) — pas d'ouverture automatique en bas de page, pour ne
   pas cacher le copyright du pied de page.
   bottom:24px : reste collée au bord bas de l'écran.
   left:0 (et non right) : la bulle touche le bord gauche de l'écran,
   et évite ainsi le badge reCAPTCHA de l'extension Réservation, qui
   reste en bas à droite.
   flex-direction:row-reverse : le texte (aligné à gauche) se déplie à
   partir du bord, l'icône reste à sa droite. */
.ccwa-bubble{position:fixed;z-index:9999;left:0;bottom:24px;display:flex;flex-direction:row-reverse;align-items:center;text-decoration:none;transition:transform .2s ease}
.ccwa-bubble:hover,
.ccwa-bubble:focus-visible{transform:scale(1.05)}

/* La bulle ronde (icône), toujours visible, à droite du texte */
.ccwa-bubble-icon{position:relative;z-index:2;flex:0 0 auto;width:38px;height:38px;margin-left:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.ccwa-bubble-icon img{width:100%;height:100%;border-radius:50%;display:block}

/* Le texte : replié par défaut (largeur et opacité à 0), ne se déplie
   que lorsque la bulle est survolée/au focus. Aligné à gauche, il
   glisse depuis derrière l'icône vers la gauche (bord de l'écran). */
.ccwa-bubble-text{position:relative;z-index:1;margin-right:0;max-width:0;opacity:0;overflow:hidden;text-align:left;background:#128C4A;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap;padding:.7rem 0;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:max-width .25s ease,opacity .25s ease,padding .25s ease,margin-right .25s ease}

.ccwa-bubble:hover .ccwa-bubble-text,
.ccwa-bubble:focus-visible .ccwa-bubble-text{margin-right:-14px;max-width:220px;opacity:1;padding:.7rem 1.35rem .7rem .75rem}

@media(max-width:600px){
	.ccwa-bubble{bottom:20px}
	.ccwa-bubble-icon{width:34px;height:34px;margin-left:5px}
	.ccwa-bubble-text{font-size:.68rem}
	.ccwa-bubble:hover .ccwa-bubble-text,
	.ccwa-bubble:focus-visible .ccwa-bubble-text{margin-right:-12px;padding:.6rem 1.2rem .6rem .65rem}
}

@media(prefers-reduced-motion:reduce){
	.ccwa-bubble,
	.ccwa-bubble-text{transition:none}
}