/* Assistant d'orientation (15/10/2026) : conversation (page /choix-postbac/ et bulle des pages clés),
   bandeau des situations. Couleurs par jetons de la charte ; pas d'ombre ; bouton corail réservé à l'action principale de la page. */

/* --- Conversation --- */
.sna{display:flex;flex-direction:column;gap:12px;color:var(--wp--preset--color--main)}
.sna-fil{display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px}
.sna[data-mode="page"] .sna-fil{min-height:260px;max-height:min(60vh,560px)}
.sna-msg{display:flex;gap:10px;align-items:flex-start}
.sna-msg-u{flex-direction:row-reverse}
.sna-avatar{flex:none;width:34px;height:34px;border-radius:10px;background:var(--wp--preset--color--primary-alt-accent);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--primary-alt)}
.sna-bulle{max-width:85%;padding:12px 16px;border-radius:14px;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.sna-msg-a .sna-bulle{background:var(--wp--preset--color--tertiary);border:1px solid var(--wp--preset--color--border-light);border-top-left-radius:4px}
.sna-msg-u .sna-bulle{background:var(--wp--preset--color--primary-alt-accent);border-top-right-radius:4px}
.sna-bulle p{margin:0 0 .6em}.sna-bulle p:last-child{margin-bottom:0}
.sna-bulle ul{margin:.2em 0 .6em;padding-left:1.2em}.sna-bulle li{margin:.15em 0}
.sna-sources{margin-top:10px;padding-top:8px;border-top:1px solid var(--wp--preset--color--border-light);display:flex;flex-wrap:wrap;gap:6px}
.sna-source{font-size:11px;font-weight:600;color:var(--wp--preset--color--niveau-b1);background:var(--wp--preset--color--primary-alt-accent);border-radius:999px;padding:3px 9px}
.sna-attente{display:inline-flex;gap:5px;padding:4px 2px}
.sna-attente span{width:7px;height:7px;border-radius:50%;background:var(--wp--preset--color--niveau-b1);animation:sna-point 1.3s infinite ease-in-out}
.sna-attente span:nth-child(2){animation-delay:.18s}.sna-attente span:nth-child(3){animation-delay:.36s}
@keyframes sna-point{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}
.sna-suggestions{display:flex;flex-wrap:wrap;gap:8px}
.sna-suggestions[hidden],.sna-nouveau[hidden]{display:none}
.sna-suggestion{font:inherit;font-size:14px;text-align:left;color:var(--wp--preset--color--main);background:transparent;border:1px solid var(--wp--preset--color--border-light);border-radius:999px;padding:8px 14px;cursor:pointer}
.sna-suggestion:hover{border-color:var(--wp--preset--color--primary-alt);color:var(--wp--preset--color--primary-alt)}
.sna-form{display:flex;gap:8px;align-items:flex-end}
.sna-champ{flex:1;min-height:48px;max-height:140px;resize:none;font:inherit;font-size:16px;line-height:1.45;color:var(--wp--preset--color--main);background:var(--wp--preset--color--tertiary);border:1px solid var(--wp--preset--color--border-light);border-radius:12px;padding:12px 14px}
.sna-champ::placeholder{color:var(--wp--preset--color--secondary);opacity:1}
.sna-champ:focus{border-color:var(--wp--preset--color--primary-alt)}
.sna-envoyer{flex:none;width:48px;height:48px;border:1px solid var(--wp--preset--color--border-dark);border-radius:12px;background:var(--wp--preset--color--primary-alt-accent);color:var(--wp--preset--color--main);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sna-envoyer:hover{border-color:var(--wp--preset--color--primary-alt)}
.sna-envoyer:disabled{opacity:.5;cursor:wait}
.sna-pied{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:12px;line-height:1.5;color:var(--wp--preset--color--secondary)}
.sna-pied p{margin:0}
.sna-nouveau{font:inherit;font-size:12px;color:var(--wp--preset--color--primary-alt);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.sna-visu{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- Bulle et panneau (pages clés) --- */
.sna-lanceur{position:fixed;right:20px;bottom:20px;z-index:85;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:15px;font-weight:700;color:var(--wp--preset--color--main);background:var(--wp--preset--color--primary-alt-accent);border:1px solid var(--wp--preset--color--primary-alt);border-radius:999px;padding:12px 18px;cursor:pointer}
.sna-lanceur:hover{background:var(--wp--preset--color--tertiary)}
.sna-panneau{position:fixed;right:20px;bottom:20px;z-index:90;width:min(420px,calc(100vw - 40px));height:min(640px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--border-dark);border-radius:16px;overflow:hidden}
.sna-panneau[hidden]{display:none}
.sna-tete{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--wp--preset--color--border-light);background:var(--wp--preset--color--tertiary)}
.sna-titre{flex:1;margin:0;font-size:16px;font-weight:800}
.sna-tete a{font-size:13px;color:var(--wp--preset--color--primary-alt)}
.sna-fermer{width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--wp--preset--color--main);font-size:24px;line-height:1;cursor:pointer}
.sna-fermer:hover{background:var(--wp--preset--color--primary-alt-accent)}
.sna-panneau .sna{flex:1;min-height:0;padding:12px 14px}
.sna-panneau .sna-fil{flex:1;min-height:0}
@media (max-width:699px){
  .sna-lanceur{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));padding:11px 15px;font-size:14px}
  .sna-panneau{left:0;right:0;width:auto;bottom:calc(64px + env(safe-area-inset-bottom));height:calc(100dvh - 64px - env(safe-area-inset-bottom) - 56px);border-radius:16px 16px 0 0;border-bottom:0}
}

/* --- Bandeau des situations (page de l'assistant) --- */
.sna-situations{position:relative;max-width:900px;margin:28px auto;border-radius:16px;overflow:hidden;border:1px solid var(--wp--preset--color--border-light);background:var(--wp--preset--color--tertiary);aspect-ratio:21/9}
.sna-diapo{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.sna-diapo.est-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.sna-diapo img{width:100%;height:100%;object-fit:cover;display:block}
.sna-legende{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;background:linear-gradient(to top,rgba(11,22,34,.94),rgba(11,22,34,.72) 55%,rgba(11,22,34,0));display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}
.sna-situation{margin:0;font-size:clamp(17px,2.4vw,22px);font-weight:800;color:var(--wp--preset--color--main)}
.sna-poser{font:inherit;font-size:14px;font-weight:700;color:var(--wp--preset--color--main);background:var(--wp--preset--color--primary-alt-accent);border:1px solid var(--wp--preset--color--primary-alt);border-radius:999px;padding:9px 14px;cursor:pointer}
.sna-poser:hover{background:var(--wp--preset--color--base)}
.sna-commandes{position:absolute;top:12px;right:12px;display:flex;gap:6px;align-items:center}
.sna-point{width:12px;height:12px;border-radius:50%;border:1px solid var(--wp--preset--color--main);background:transparent;padding:0;cursor:pointer}
.sna-point[aria-current="true"]{background:var(--wp--preset--color--main)}
.sna-pause{font:inherit;font-size:12px;font-weight:700;color:var(--wp--preset--color--main);background:rgba(11,22,34,.8);border:1px solid var(--wp--preset--color--border-dark);border-radius:999px;padding:5px 10px;margin-left:6px;cursor:pointer}
/* Accueil : version compacte dans la colonne de droite */
.sna-situations.est-compact{margin:0;aspect-ratio:16/11}
.sna-situations.est-compact .sna-legende{padding:40px 14px 14px;flex-direction:column;align-items:flex-start}
.sna-situations.est-compact .sna-situation{font-size:17px}
.sna-situations.est-compact .sna-poser{font-size:13px;padding:8px 12px}
@media (max-width:699px){
  .sna-situations{aspect-ratio:4/3}
  .sna-legende{padding:40px 14px 14px}
  .sna-commandes{top:8px;right:8px}
}
@media (prefers-reduced-motion:reduce){
  .sna-diapo,.sna-diapo.est-active{transition:none}
  .sna-attente span{animation:none;opacity:.8}
}