/* L'assistant : une bulle en bas à droite, qui ouvre une petite fenêtre de discussion */
.assist-bulle{position:fixed;right:22px;bottom:22px;z-index:70;width:54px;height:54px;border:0;border-radius:50%;background:#06A87E;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(4,128,101,.25),0 14px 30px -10px rgba(4,128,101,.6);transition:transform .35s var(--ressort),box-shadow .25s ease,bottom .4s var(--doux)}
.assist-bulle:hover{transform:translateY(-2px) scale(1.04)}
.assist-bulle:active{transform:scale(.96)}
.assist-bulle svg{width:24px;height:24px;transition:opacity .2s ease,transform .3s var(--doux)}
.assist-bulle .fermee{position:absolute;opacity:0;transform:rotate(-45deg)}
.assist-ouvert .assist-bulle .ouverte{opacity:0;transform:rotate(45deg)}
.assist-ouvert .assist-bulle .fermee{opacity:1;transform:none}

.assist-amorce{position:fixed;right:86px;bottom:30px;z-index:70;display:flex;align-items:center;gap:6px;padding:9px 8px 9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--ombre-haute);font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;opacity:0;transform:translateX(10px);pointer-events:none;transition:opacity .35s ease,transform .45s var(--doux),bottom .4s var(--doux)}
.assist-amorce.montree{opacity:1;transform:none;pointer-events:auto}
.assist-amorce button{width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:var(--faint);font-size:16px;line-height:1;cursor:pointer}
.assist-amorce button:hover{background:var(--bg-soft);color:var(--ink)}
.assist-ouvert .assist-amorce{display:none}

.assist-fenetre{position:fixed;right:22px;bottom:88px;z-index:130;width:380px;max-width:calc(100vw - 24px);height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 10px rgba(17,19,24,.06),0 30px 70px -24px rgba(17,19,24,.38);overflow:hidden;opacity:0;transform:translateY(14px) scale(.98);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .35s var(--doux),visibility 0s .35s}
.assist-ouvert .assist-fenetre{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s ease,transform .35s var(--doux)}
.assist-tete{display:flex;align-items:center;gap:11px;padding:14px 14px 14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#F1FBF8,#fff)}
.assist-tete .embleme{display:inline-flex;width:30px;height:30px;flex:none;border-radius:9px;background:#06A87E;align-items:center;justify-content:center}
.assist-tete .embleme svg{width:19px;height:19px;display:block}
.assist-tete b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.assist-tete span{display:block;margin-top:1px;font-size:12px;color:var(--muted)}
.assist-tete .fermer{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.assist-tete .fermer:hover{background:var(--bg-soft);color:var(--ink)}

.assist-fil{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.assist-msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.assist-msg.ia{align-self:flex-start;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-2);border-bottom-left-radius:5px}
.assist-msg.vous{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:5px}
.assist-msg.souci{align-self:flex-start;background:var(--warn-soft);color:var(--warn);border-bottom-left-radius:5px}
.assist-msg.attente{display:flex;gap:5px;padding:14px 15px}
.assist-msg.attente i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:assist-point 1.1s ease-in-out infinite}
.assist-msg.attente i:nth-child(2){animation-delay:.15s}
.assist-msg.attente i:nth-child(3){animation-delay:.3s}
@keyframes assist-point{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}

.assist-pistes{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:2px}
.assist-pistes button,.assist-pistes a{padding:8px 13px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .25s var(--doux)}
.assist-pistes button:hover,.assist-pistes a:hover{border-color:var(--acc);color:var(--acc);transform:translateX(2px)}
.assist-pistes .essayer{border-color:transparent;background:var(--acc-soft);color:var(--acc);font-weight:600}

.assist-saisie{display:flex;align-items:flex-end;gap:8px;padding:10px 10px 10px 14px;border-top:1px solid var(--line)}
.assist-saisie textarea{flex:1;min-height:40px;max-height:96px;padding:10px 0;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:14.5px;line-height:1.4;color:var(--ink)}
.assist-saisie textarea::placeholder{color:var(--faint)}
.assist-saisie button{flex:none;width:38px;height:38px;border:0;border-radius:11px;background:var(--ink);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}
.assist-saisie button:hover{transform:translateY(-1px)}
.assist-saisie button[disabled]{background:var(--line-2);color:var(--muted);cursor:not-allowed;transform:none}
.assist-note{padding:0 14px 10px;font-size:11.5px;color:var(--faint);text-align:center}

/* La barre de sélection occupe le bas de l'écran sur les petites largeurs : la bulle passe au-dessus. */
@media (max-width:860px){
  body:has(.barre.visible) .assist-bulle{bottom:96px}
  body:has(.barre.visible) .assist-amorce{bottom:104px}
}
@media (max-width:520px){
  .assist-bulle{right:14px;bottom:16px;width:50px;height:50px}
  .assist-amorce{right:72px;bottom:22px}
  .assist-fenetre{right:8px;left:8px;bottom:8px;width:auto;max-width:none;height:min(78vh,600px);transform-origin:bottom center}
  .assist-ouvert .assist-bulle{display:none}
  body:has(.barre.visible) .assist-bulle{bottom:152px} /* sur téléphone, le panier est plus haut */
  body:has(.barre.visible) .assist-amorce{bottom:160px}
  .assist-saisie textarea{font-size:16px} /* sous 16 px, l'iPhone agrandit la page à la saisie */
}
@media (prefers-reduced-motion:reduce){.assist-bulle,.assist-amorce,.assist-fenetre{transition:none}.assist-msg.attente i{animation:none}}

/* Téléphone : pas de bulle « Une question ? », seulement l'icône ; quand la discussion est ouverte, le fond est assombri pour la distinguer de la page. */
@media (max-width:700px){
  .assist-amorce{display:none !important}
  body.assist-ouvert::before{content:'';position:fixed;inset:0;z-index:120;background:rgba(10,12,16,.55);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:assist-voile .25s ease both}
  body.assist-ouvert .assist-bulle{z-index:140}
}
@keyframes assist-voile{from{opacity:0}to{opacity:1}}

/* 05/11 (Paul) : la fenêtre « Essai gratuit » des pages de contenu */
html.essai-ouvert{overflow:hidden}
.essai-fen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:12px;background:rgba(15,20,25,.5);backdrop-filter:blur(3px)}
.essai-fen[hidden]{display:none}
.essai-boite{position:relative;width:min(560px,100%);height:min(560px,calc(100vh - 24px));background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -25px rgba(0,0,0,.55)}
.essai-x{position:absolute;top:16px;right:16px;z-index:2;border:0;background:#F2F4F7;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;color:#475467;cursor:pointer}
.essai-x:hover{background:#E4E7EC}
.essai-boite iframe{display:block;width:100%;height:100%;border:0;background:#fff}
@media (max-width:640px){.essai-fen{padding:8px}.essai-boite{height:calc(100vh - 16px);height:calc(100dvh - 16px);border-radius:20px}}
.essai-boite{transition:height .18s ease}