/* Assistant du cabinet — habillage « BOLD » à la charte
   (surcharge /assets/chatbot/chatbot.css, injecté après : sélecteurs préfixés par body) */
body .sh-chat-bouton{right:32px;bottom:32px;padding:14px 22px;background:#242423;color:#fff;border:1px solid #CAB452;border-radius:999px;font:600 14px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.04em;box-shadow:0 14px 36px rgba(36,36,35,.28)}
body .sh-chat-bouton svg{color:#CAB452}
body .sh-chat-bouton:hover{background:#242423;border-color:#E5D6B9}
body .sh-chat-bouton:focus-visible,body .sh-chat-panneau button:focus-visible,body .sh-chat-panneau textarea:focus-visible,body .sh-chat-panneau a:focus-visible{outline:2px solid #CAB452;outline-offset:2px}

body .sh-chat-panneau{right:32px;bottom:32px;width:390px;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);background:#FBF8F2;border:1px solid #E5D6B9;border-radius:20px;box-shadow:0 24px 60px rgba(36,36,35,.25);font:15px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#242423}
body .sh-chat-entete{background:#242423;color:#fff;padding:16px 18px;border-bottom:1px solid #CAB452}
body .sh-chat-titre strong{font:700 19px/1.2 "EB Garamond",Garamond,"Times New Roman",serif;color:#fff}
body .sh-chat-badge{background:#CAB452;color:#242423;border-radius:999px;padding:2px 8px;font-size:10.5px;letter-spacing:.12em}
body .sh-chat-fermer{color:#E5D6B9}
body .sh-chat-avert{background:#F6F1E7;color:rgba(36,36,35,.75);border-bottom:1px solid #E5D6B9;padding:10px 18px}
body .sh-chat-avert a{color:#242423;text-decoration:underline;text-decoration-color:#CAB452}
body .sh-chat-fil{padding:18px}
body .sh-chat-ia{background:#fff;border:1px solid #E5D6B9;color:#242423}
body .sh-chat-moi{background:#242423;color:#fff}
body .sh-chat-attente{color:#9E9289}
body .sh-chat-sugg{border:1px solid #CAB452;background:#fff;color:#242423}
body .sh-chat-sugg:hover{background:#F6F1E7}
body .sh-chat-lien-form{background:#CAB452;color:#242423 !important;border-radius:999px;padding:9px 16px}
body .sh-chat-saisie{border-top:1px solid #E5D6B9;background:#fff;padding:12px}
body .sh-chat-saisie textarea{border:1px solid rgba(158,146,137,.5);border-radius:12px}
body .sh-chat-envoyer{background:#CAB452;color:#242423;border-radius:12px;padding:0 16px}
body .sh-chat-note-form{background:#F6F1E7;color:#242423;border:1px solid #E5D6B9;border-left:2px solid #CAB452;border-radius:10px;font-weight:600}

/* ---------- mobile : panneau compact posé en bas de l'écran (pas de plein écran), proportions réduites ---------- */
@media (max-width:760px){
  body .sh-chat-bouton{right:20px;bottom:20px;padding:11px 16px;font-size:13px;gap:8px}
  body .sh-chat-bouton svg{width:18px;height:18px}
}
@media (max-width:520px){
  body .sh-chat-panneau{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-width:none;height:min(64vh,500px);height:min(64dvh,500px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);font-size:14px;line-height:1.5;border-radius:16px;box-shadow:0 18px 44px rgba(36,36,35,.28)}
  body .sh-chat-entete{padding:11px 14px}
  body .sh-chat-titre strong{font-size:17px}
  body .sh-chat-badge{font-size:9.5px;padding:2px 7px}
  body .sh-chat-fermer{font-size:24px}
  body .sh-chat-avert{font-size:11.5px;line-height:1.4;padding:7px 14px}
  body .sh-chat-fil{padding:12px 12px 8px;gap:8px}
  body .sh-chat-msg{max-width:92%;padding:8px 11px}
  body .sh-chat-msg p,body .sh-chat-msg li{font-size:14px;line-height:1.45}
  body .sh-chat-sugg{font-size:13px;padding:6px 11px}
  body .sh-chat-lien-form{font-size:13px;padding:8px 14px}
  body .sh-chat-note-form{font-size:13px}
  body .sh-chat-saisie{padding:8px 10px;gap:8px}
  body .sh-chat-saisie textarea{font-size:16px;min-height:40px;max-height:96px;padding:8px 10px}
  body .sh-chat-envoyer{padding:0 13px;font-size:14px}
}

/* ---------- Version affinée : panneau plus compact et élégant, effet d'ouverture ---------- */
body .sh-chat-panneau{width:340px;height:480px;max-height:calc(100vh - 64px);font-size:14px;line-height:1.5;transform-origin:100% 100%}
body .sh-chat-entete{padding:12px 16px}
body .sh-chat-titre{gap:8px}
body .sh-chat-titre strong{font-size:17px;letter-spacing:.01em}
body .sh-chat-badge{font-size:9.5px;padding:2px 7px}
body .sh-chat-fermer{font-size:22px;opacity:.85;transition:transform .25s ease,opacity .2s}
body .sh-chat-fermer:hover{opacity:1;transform:rotate(90deg)}
body .sh-chat-avert{font-size:11.5px;line-height:1.45;padding:8px 16px}
body .sh-chat-fil{padding:14px;gap:8px}
body .sh-chat-msg{padding:8px 12px;max-width:90%}
body .sh-chat-msg p,body .sh-chat-msg li{font-size:14px;line-height:1.5}
body .sh-chat-sugg{font-size:12.5px;padding:5px 11px;transition:background .2s,transform .2s}
body .sh-chat-sugg:hover{transform:translateY(-1px)}
body .sh-chat-lien-form{font-size:13px;padding:8px 14px}
body .sh-chat-note-form{font-size:12.5px}
body .sh-chat-saisie{padding:10px;gap:8px}
body .sh-chat-saisie textarea{font-size:14px;min-height:38px;max-height:96px;padding:8px 10px}
body .sh-chat-envoyer{font-size:13px;padding:0 14px}
body .sh-chat-bouton{transition:transform .25s ease,box-shadow .25s ease,background .2s,color .2s}
body .sh-chat-bouton:hover{transform:translateY(-2px)}

/* effet d'ouverture : le panneau se déploie depuis le bouton, puis son contenu apparaît en cascade */
@keyframes sh-deploie{0%{opacity:0;transform:translateY(18px) scale(.9)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes sh-monte{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body .sh-chat-panneau:not([hidden]){animation:sh-deploie .45s cubic-bezier(.2,.8,.2,1) both}
body .sh-chat-panneau:not([hidden]) > *{animation:sh-monte .4s ease both}
body .sh-chat-panneau:not([hidden]) > .sh-chat-entete{animation-delay:.08s}
body .sh-chat-panneau:not([hidden]) > .sh-chat-avert{animation-delay:.16s}
body .sh-chat-panneau:not([hidden]) > .sh-chat-fil{animation-delay:.24s}
body .sh-chat-panneau:not([hidden]) > .sh-chat-saisie{animation-delay:.32s}
body .sh-chat-msg,body .sh-chat-sugg{animation:sh-monte .35s ease both}

@media (max-width:520px){
  body .sh-chat-panneau{left:12px;right:12px;bottom:12px;top:auto;width:auto;height:min(58vh,440px);height:min(58dvh,440px);transform-origin:50% 100%}
  body .sh-chat-saisie textarea{font-size:16px}   /* 16 px : évite le zoom automatique sur iPhone */
}
@media (prefers-reduced-motion:reduce){
  body .sh-chat-panneau,body .sh-chat-panneau > *,body .sh-chat-msg,body .sh-chat-sugg{animation:none!important}
  body .sh-chat-bouton:hover,body .sh-chat-sugg:hover,body .sh-chat-fermer:hover{transform:none}
}
/* champ de saisie : halo or discret au lieu du double contour */
body .sh-chat-panneau textarea:focus,body .sh-chat-panneau textarea:focus-visible{outline:none;border-color:#CAB452;box-shadow:0 0 0 3px rgba(202,180,82,.2)}

/* mobile : panneau étroit, ancré en bas à droite (comme une bulle de discussion) */
@media (max-width:520px){
  body .sh-chat-panneau{left:auto;right:14px;bottom:14px;top:auto;width:min(300px,calc(100vw - 28px));max-width:none;height:min(56vh,420px);height:min(56dvh,420px);transform-origin:100% 100%}
  body .sh-chat-avert{font-size:11px!important;padding:7px 12px}
  body .sh-chat-fil{padding:10px}
  body .sh-chat-msg{max-width:94%;padding:7px 10px}
  body .sh-chat-msg p,body .sh-chat-msg li{font-size:13.5px}
  body .sh-chat-sugg{font-size:12px;padding:5px 10px}
  body .sh-chat-saisie{padding:8px}
  body .sh-chat-envoyer{padding:0 11px;font-size:12.5px}
}

/* mobile : bouton réduit à une pastille avec l’icône (le texte reste lu par les lecteurs d’écran) */
@media (max-width:520px){
  body .sh-chat-bouton{right:16px;bottom:16px;width:50px;height:50px;padding:0;gap:0;justify-content:center;border-radius:50%}
  body .sh-chat-bouton span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  body .sh-chat-bouton svg{width:21px;height:21px}
}

/* bouton de l'assistant : même hauteur que les boutons « Appeler » / « WhatsApp » au-dessus */
body .sh-chat-bouton{height:50px;box-sizing:border-box;padding-top:0;padding-bottom:0}
@media (max-width:760px){body .sh-chat-bouton{height:42px}}
@media (max-width:520px){body .sh-chat-bouton{width:50px;height:50px;right:16px;bottom:16px}}
