/* =====================================================================
   Assistant Je te Recherche (plugin jeterecherche-ai-assistant-v2) – habillage 2026
   ===================================================================== */

/* ---------- Bouton flottant ---------- */
body.jtr26 #jtr-ai-toggle{width:auto;height:58px;min-width:58px;padding:0 22px 0 16px;gap:10px;border-radius:999px;background:linear-gradient(135deg,var(--pink),#EE6E9C);box-shadow:0 12px 30px rgba(226,69,126,.38);bottom:24px;right:24px}
body.jtr26 #jtr-ai-toggle:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(226,69,126,.45)}
body.jtr26 #jtr-ai-toggle svg{width:26px;height:26px;fill:none;stroke:#fff}
body.jtr26 #jtr-ai-toggle .jtr-ai-tg-lbl{font:800 15px/1 var(--f);color:#fff;white-space:nowrap}
body.jtr26 #jtr-ai-toggle .jtr-ai-tg-dot{position:absolute;top:8px;left:38px;width:10px;height:10px;border-radius:50%;background:#2EC27E;border:2px solid #fff}

/* ---------- Fenêtre ---------- */
body.jtr26 #jtr-ai-bubble{width:400px;height:min(640px,calc(100vh - 48px));bottom:24px;right:24px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(30,39,72,.28),0 0 0 1px rgba(30,39,72,.06);font-family:var(--f)}
body.jtr26 #jtr-ai-bubble.active{animation:jtrAiPop .28s cubic-bezier(.2,.9,.3,1.2)}
@keyframes jtrAiPop{from{transform:translateY(16px) scale(.96)}to{transform:none}}
body.jtr26 #jtr-ai-bubble .jtr-ai-header{background:radial-gradient(300px 160px at 100% 0,#3A4A8C 0,rgba(58,74,140,0) 70%),var(--navy);padding:16px 14px 16px 18px;border-radius:0}
body.jtr26 #jtr-ai-bubble .jtr-ai-header h3{display:flex;align-items:center;gap:12px;font:800 16px/1.2 var(--f)!important;color:#fff!important;letter-spacing:-.01em}
.jtr-ai-av{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;overflow:hidden}
.jtr-ai-av img{width:40px;height:auto;display:block;border-radius:0!important}
.jtr-ai-ttl{display:flex;flex-direction:column;gap:4px}
.jtr-ai-ttl small{display:flex;align-items:center;gap:6px;font:600 12px/1 var(--f);color:#AEB4D2}
.jtr-ai-ttl small i{width:8px;height:8px;border-radius:50%;background:#2EC27E;box-shadow:0 0 0 3px rgba(46,194,126,.25)}
body.jtr26 #jtr-ai-bubble .jtr-ai-close{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px;background:rgba(255,255,255,.1);opacity:1;font-size:0}
body.jtr26 #jtr-ai-bubble .jtr-ai-close:hover{background:rgba(255,255,255,.2)}
body.jtr26 #jtr-ai-bubble .jtr-ai-close svg{width:20px;height:20px;stroke:#fff}

/* ---------- Messages ---------- */
body.jtr26 #jtr-ai-bubble .jtr-ai-messages{background:linear-gradient(180deg,var(--cream),#fff 70%);padding:20px 16px}
body.jtr26 #jtr-ai-bubble .jtr-ai-msg{margin-bottom:12px}
body.jtr26 #jtr-ai-bubble .jtr-ai-msg .mc{font:500 14.5px/1.6 var(--f);padding:12px 16px;max-width:86%}
body.jtr26 #jtr-ai-bubble .jtr-ai-msg.bot .mc{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:20px 20px 20px 6px;box-shadow:0 2px 10px rgba(30,39,72,.05)}
body.jtr26 #jtr-ai-bubble .jtr-ai-msg.user .mc{background:var(--pink);color:#fff;border-radius:20px 20px 6px 20px;box-shadow:0 6px 16px rgba(226,69,126,.25)}
body.jtr26 #jtr-ai-bubble .jtr-ai-msg.bot .mc strong{color:var(--navy);font-weight:800}
body.jtr26 #jtr-ai-bubble .jtr-ai-msg .mc a{color:var(--pink-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}
body.jtr26 #jtr-ai-bubble .jtr-ai-msg.bot.error .mc{background:#FFF6E5;border-color:#F7DFA9;color:#7A5410}
body.jtr26 #jtr-ai-bubble .jtr-ai-typing{border-radius:20px 20px 20px 6px;border-color:var(--line)}
body.jtr26 #jtr-ai-bubble .jtr-ai-typing span{background:var(--pink)}

/* boutons de réponse rapide (bulle + page Aide) */
body.jtr26 .jtr-quick-replies{display:flex;flex-wrap:wrap;gap:8px}
body.jtr26 .jtr-quick-btn{font:700 13.5px/1.2 var(--f)!important;padding:10px 14px!important;border-radius:999px!important;border:1.5px solid #CFE6F7!important;background:var(--sky-l)!important;color:var(--navy)!important;box-shadow:none!important;transition:.15s!important;margin:0!important}
body.jtr26 .jtr-quick-btn:hover:not(:disabled){background:var(--pink)!important;border-color:var(--pink)!important;color:#fff!important;transform:translateY(-1px)}
body.jtr26 .jtr-quick-btn:disabled{opacity:.4!important}

/* ---------- Saisie ---------- */
body.jtr26 #jtr-ai-bubble .jtr-ai-input-area{border-top:1px solid var(--line);padding:12px 14px 10px;border-radius:0}
body.jtr26 #jtr-ai-bubble .jtr-ai-wrap{gap:8px;background:#F4F5FA;border-radius:999px;padding:5px}
body.jtr26 #jtr-ai-bubble .jtr-ai-field{border:0!important;background:transparent!important;box-shadow:none!important;font:500 15px var(--f)!important;padding:10px 6px!important;min-height:0!important;color:var(--ink)}
body.jtr26 #jtr-ai-bubble .jtr-ai-mic{border:0;background:#fff;width:40px;height:40px;min-width:40px;box-shadow:0 1px 3px rgba(30,39,72,.08)}
body.jtr26 #jtr-ai-bubble .jtr-ai-mic svg{fill:var(--muted)}
body.jtr26 #jtr-ai-bubble .jtr-ai-mic:hover:not(.unsupported){background:var(--sky-l)}
body.jtr26 #jtr-ai-bubble .jtr-ai-mic.recording{background:var(--pink)}
body.jtr26 #jtr-ai-bubble .jtr-ai-mic.recording svg{fill:#fff}
body.jtr26 #jtr-ai-bubble .jtr-ai-send{background:var(--pink);width:40px;height:40px;min-width:40px;box-shadow:0 6px 14px rgba(226,69,126,.35)}
body.jtr26 #jtr-ai-bubble .jtr-ai-send:hover{background:var(--pink-d)}
.jtr-ai-note{margin:8px 4px 0;font:500 11px/1.4 var(--f);color:var(--muted);text-align:center}

/* ---------- Page Aide (shortcode intégré) ---------- */
body.jtr26 .jtr-sc-header{background:radial-gradient(300px 160px at 100% 0,#3A4A8C 0,rgba(58,74,140,0) 70%),var(--navy)!important;color:#fff!important;padding:18px 20px!important}
body.jtr26 .jtr-sc-messages{background:linear-gradient(180deg,var(--cream),#fff 70%)!important}
body.jtr26 .jtr-sc-msg .mc{font:500 15px/1.6 var(--f)!important;border-radius:20px 20px 20px 6px!important}
body.jtr26 .jtr-sc-msg.bot .mc{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important}
body.jtr26 .jtr-sc-msg.user .mc{background:var(--pink)!important;color:#fff!important;border-radius:20px 20px 6px 20px!important;border:0!important}
body.jtr26 .jtr-sc-input-area{background:#fff!important;border-top:1px solid var(--line)!important}
body.jtr26 .jtr-sc-wrap{background:#F4F5FA!important;border-radius:999px!important;padding:5px!important;gap:8px}
body.jtr26 .jtr-sc-field{border:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
body.jtr26 .jtr-sc-send{background:var(--pink)!important;border-radius:50%!important}
body.jtr26 .jtr-sc-mic{border:0!important;background:#fff!important;border-radius:50%!important}

/* ---------- Mobile ---------- */
@media (max-width:768px){
	body.jtr26 #jtr-ai-toggle{padding:0;width:54px;min-width:54px;height:54px;right:16px}
	body.jtr26 #jtr-ai-toggle .jtr-ai-tg-lbl{display:none}
	body.jtr26 #jtr-ai-toggle .jtr-ai-tg-dot{top:6px;left:auto;right:6px}
	body.jtr26 #jtr-ai-bubble{width:calc(100% - 24px);right:12px;bottom:calc(92px + env(safe-area-inset-bottom));height:min(620px,calc(100vh - 140px))}
}
@media (max-width:576px){
	body.jtr26 #jtr-ai-bubble{width:100%;height:100%;right:0;left:0;top:0;bottom:0!important;border-radius:0;max-height:none}
	body.jtr26 #jtr-ai-bubble .jtr-ai-header{padding-top:calc(14px + env(safe-area-inset-top,0))}
	body.jtr26 #jtr-ai-bubble .jtr-ai-input-area{padding-bottom:calc(10px + env(safe-area-inset-bottom,0))}
}