/* Uwi aux couleurs d'Uwewer (charte V2) : noir et blanc, un seul bleu (#2563EB) pour l'action et la lumière du robot,
 * Manrope, angles droits et aucune ombre pour tout ce qui entoure le robot (le dessin, lui, reste rond : c'est une mascotte). */
:root{
  --rb-main:#111111;--rb-corps:#FFFFFF;--rb-doux:#F5F5F3;--rb-visage:#111111;--rb-oeil:#FFFFFF;--rb-etincelle:#2563EB;
  --rb-ui-fond:#FFFFFF;--rb-ui-encre:#111111;--rb-ui-doux:#F5F5F3;--rb-ui-gris:#4A4A4A;--rb-ui-moi:#111111;--rb-z:70;
}
#robot-couches{font-family:Manrope,Arial,sans-serif}
#robot-couches .rb-cta{background:#2563EB;border-radius:0;font-weight:600}
#robot-couches .rb-cta:hover{text-decoration:underline}
#robot-couches .rb-pill{border-radius:0;border:1px solid #111111;background:#FFFFFF;font-weight:600}
#robot-couches .rb-pill:hover{background:#F5F5F3}
#robot-couches .rb-lien{color:#2563EB}
#robot-couches .rb-chip{border-radius:0;border-color:#E5E5E5}
#robot-couches .rb-chip:hover{border-color:#111111}
#robot-couches .rb-ib{border-radius:0;border-color:#E5E5E5}
.rb-coin{filter:drop-shadow(0 0 .8px #fff) drop-shadow(0 0 .8px #fff) drop-shadow(0 0 .8px #fff)} /* un liseré blanc : sur les fonds noirs du site, ses oreilles et ses ailes noires restent visibles */
.rb-astuce,.rb-accueil,.rb-bulle,.rb-chat{border-radius:0;box-shadow:none;border:1px solid #111111}
.rb-astuce{border-left:4px solid #2563EB}
.rb-spot{border-radius:0;border-color:#2563EB}
.rb-moi{border-radius:0;color:#FFFFFF}
.rb-lui,.rb-ligne{border-radius:0}
.rb-form input{border-radius:0;border-color:#E5E5E5;font-family:inherit}
.rb-scrim,.rb-voile{background:rgba(17,17,17,.55)}
#robot-couches .rb-spot{box-shadow:0 0 0 200vmax rgba(17,17,17,.55)!important} /* le voile de la visite ; le thème retire toutes les ombres */
.rb-accueil-titre{font-weight:700}
/* Les réponses du site : paragraphes, listes et liens. */
.rb-html p{margin:0 0 6px}.rb-html p:last-child{margin-bottom:0}
.rb-html ul,.rb-html ol{margin:4px 0 6px;padding-left:18px}.rb-html li{margin:2px 0}
.rb-html a{color:#2563EB;text-decoration:underline;text-underline-offset:2px}
/* Téléphone : au-dessus de la barre du bas du site (Connexion, Appeler, Contact, S'inscrire). */
/* Uwi plus grand (72 px, 60 px sur téléphone) : la bulle d'astuce et le chat remontent d'autant. */
@media (min-width:900px){.rb-astuce{bottom:108px}.rb-chat{bottom:110px}}
@media (max-width:899px){.rb-coin{bottom:74px}.rb-coin svg{width:60px;height:60px}.rb-astuce{bottom:144px}.rb-chat{bottom:72px;max-height:68vh}}
/* Au coin, il flotte un peu plus franchement qu'en petit (3 px dans le dessin de base). */
.rb-coin .rb:not([data-humeur]) .rb-corps{animation-name:uwFlotte;transform-box:fill-box;transform-origin:50% 100%}
@keyframes uwFlotte{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-3deg)}50%{transform:translateY(-6px) rotate(0)}75%{transform:translateY(-3px) rotate(3deg)}}
/* Il réfléchit (chat) : trois points qui s'allument l'un après l'autre. */
.rb-ecrit{flex-direction:row!important;gap:5px!important;padding:12px 14px!important}
.rb-ecrit span{width:7px;height:7px;border-radius:50%;background:#4A4A4A;animation:uwPoint 1s infinite ease-in-out}
.rb-ecrit span:nth-child(2){animation-delay:.15s}.rb-ecrit span:nth-child(3){animation-delay:.3s}
@keyframes uwPoint{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
/* La promenade (promenade.js) : le robot hors de son coin et sa bulle. */
#robot-couches.rb-ailleurs .rb-coin{visibility:hidden}
.uwi-promeneur{position:fixed;left:0;top:0;z-index:var(--rb-z);pointer-events:none;cursor:pointer;filter:drop-shadow(0 0 .8px #fff) drop-shadow(0 0 .8px #fff) drop-shadow(0 0 .8px #fff)}
.uwi-promeneur:focus-visible{outline:2px solid #2563EB;outline-offset:2px}
.uwi-prom-bulle{position:fixed;z-index:calc(var(--rb-z) + 1);background:#FFFFFF;color:#111111;border:1px solid #111111;border-left:4px solid #2563EB;padding:12px 40px 12px 14px;font:400 14px/1.45 Manrope,Arial,sans-serif;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.uwi-prom-bulle.rb-entre{animation:rbApparait .3s ease-out}
.uwi-prom-boutons{display:flex;flex-wrap:wrap;gap:8px}
.uwi-prom-bulle .rb-cta,.uwi-prom-bulle .rb-pill{width:auto;min-height:36px;padding:0 14px;border-radius:0;font:600 13px/1 Manrope,Arial,sans-serif}
.uwi-prom-bulle .rb-cta{background:#2563EB;color:#FFFFFF;border:none}
.uwi-prom-bulle .rb-cta:hover{text-decoration:underline}
.uwi-prom-bulle .rb-pill{background:#FFFFFF;color:#111111;border:1px solid #111111}
.uwi-prom-bulle .rb-pill:hover{background:#F5F5F3}
.uwi-prom-x{position:absolute;top:8px;right:8px;border-radius:0!important;border-color:#E5E5E5!important}
@media (prefers-reduced-motion:reduce){.rb-ecrit span{animation:none;opacity:.6}}
/* Le caractère (caractere.js) : regard qui suit la souris (aussi en hauteur), clin d'œil, sommeil, danse, confettis, mot de fête. */
.rb .rb-regard{transform:translate(var(--rb-regard,0px),var(--rb-regard-y,0px))}
.rb.uwi-clin [cx="40"],.rb.uwi-clin [cx="40.6"]{transform:scaleY(.12)!important;transform-box:fill-box;transform-origin:center;animation:none!important}
.rb.uwi-clin [cx="41.6"]{opacity:0}
#robot-couches.rb-dort .rb-coin .rb-oeil{transform:scaleY(.12)!important;animation:none!important}
#robot-couches.rb-dort .rb-coin .c-reflet{opacity:0}
#robot-couches.rb-dort .rb-coin .rb .rb-corps{animation-duration:5.5s}
#robot-couches.rb-dort .rb-coin::before,#robot-couches.rb-dort .rb-coin::after{content:"z";position:absolute;right:-2px;top:-6px;font:700 15px/1 Manrope,Arial,sans-serif;color:#2563EB;opacity:0;animation:uwZ 3s ease-in-out infinite}
#robot-couches.rb-dort .rb-coin::after{right:-12px;top:-18px;font-size:11px;animation-delay:1.5s}
@keyframes uwZ{0%{opacity:0;transform:translate(0,6px)}30%{opacity:1}100%{opacity:0;transform:translate(8px,-14px)}}
.rb-coin.uwi-danse{animation:uwDanse .45s ease-in-out 4}
@keyframes uwDanse{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-10deg)}75%{transform:translateY(-8px) rotate(10deg)}}
.uwi-confettis{position:fixed;inset:0;pointer-events:none;z-index:calc(var(--rb-z) + 3)}
.uwi-confettis i{position:fixed;width:7px;height:10px;display:block}
.uwi-toast{position:fixed;right:24px;bottom:108px;z-index:calc(var(--rb-z) + 1);max-width:min(320px,calc(100vw - 28px));background:#FFFFFF;color:#111111;border:1px solid #111111;border-left:4px solid #2563EB;padding:12px 14px;font:600 14px/1.45 Manrope,Arial,sans-serif}
@media (max-width:899px){.uwi-toast{right:14px;bottom:144px}}
.uwi-prom-boutons.uwi-choix{flex-direction:column;align-items:stretch}
.uwi-prom-boutons.uwi-choix .rb-pill{text-align:left;padding:8px 12px;line-height:1.35;height:auto}
@media (prefers-reduced-motion:reduce){#robot-couches.rb-dort .rb-coin::before,#robot-couches.rb-dort .rb-coin::after{animation:none;opacity:.8}}