/* ADCOM+ Bulles - bulle de BD + mascotte */
.adcom-bulles{--adb-fond:#d62f89;--adb-texte:#fff;--adb-img:150px;position:relative;margin:10px 0 20px;font-size:15px;line-height:1.55}
.adcom-bulles__bulle{position:relative;background:var(--adb-fond);color:var(--adb-texte);border-radius:26px 26px 26px 26px;padding:20px 22px 22px;box-shadow:0 10px 24px rgba(0,0,0,.12);cursor:pointer;outline:none;min-height:120px;overflow:visible;transform-origin:25% 100%}
.adcom-bulles__bulle:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--adb-fond)}
/* queue de la bulle, orientee vers la mascotte */
.adcom-bulles__bulle:after{content:"";position:absolute;bottom:-22px;left:22%;width:34px;height:26px;background:var(--adb-fond);clip-path:polygon(0 0,100% 0,18% 100%)}
.adcom-bulles--queue-centre .adcom-bulles__bulle:after{left:calc(50% - 17px)}
.adcom-bulles--queue-droite .adcom-bulles__bulle:after{left:auto;right:22%;clip-path:polygon(0 0,100% 0,82% 100%)}
.adcom-bulles__titre{margin:0 0 6px!important;padding:0!important;font-weight:800;font-size:1.12em;letter-spacing:.01em;color:var(--adb-texte)!important;display:inline-block;background:rgba(255,255,255,.18);border-radius:30px;padding:2px 12px!important}
.adcom-bulles__texte{margin:6px 0 0!important;padding:0!important;color:var(--adb-texte)!important}
.adcom-bulles__lien{display:inline-block;margin-top:10px;color:var(--adb-texte)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.adcom-bulles__lien[hidden]{display:none}
.adcom-bulles__progression{position:absolute;left:22px;right:22px;bottom:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}
.adcom-bulles__progression:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.75);transform:scaleX(0);transform-origin:left}
.adcom-bulles.est-active .adcom-bulles__progression:before{animation:adb-prog var(--adb-duree,9s) linear forwards}
.adcom-bulles.est-pause .adcom-bulles__progression:before{animation-play-state:paused}
.adcom-bulles__mascotte{margin-top:26px;padding-left:6%}
.adcom-bulles--queue-centre .adcom-bulles__mascotte{padding-left:0;text-align:center}
.adcom-bulles--queue-droite .adcom-bulles__mascotte{padding-left:0;text-align:right;padding-right:6%}
.adcom-bulles__img{width:var(--adb-img)!important;max-width:100%;height:auto;display:inline-block;animation:adb-flotte 4s ease-in-out infinite}
/* animations */
.adcom-bulles__bulle.est-sortie{animation:adb-sortie .28s ease-in forwards}
.adcom-bulles__bulle.est-entree{animation:adb-entree .45s cubic-bezier(.2,1.4,.4,1) both}
@keyframes adb-prog{to{transform:scaleX(1)}}
@keyframes adb-sortie{to{opacity:0;transform:scale(.85)}}
@keyframes adb-entree{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes adb-flotte{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){
  .adcom-bulles__img,.adcom-bulles__bulle.est-entree,.adcom-bulles__bulle.est-sortie,.adcom-bulles.est-active .adcom-bulles__progression:before{animation:none!important}
}
