/* AI matrac-tanácsadó csevegőablak – közös, a dizájnváltozatok saját színeivel */
.vm-ai { --vm-ai-fo:#302F34; --vm-ai-fo-sotet:#151E26; --vm-ai-kiemel:#FFC700; --vm-ai-kiemel-szoveg:#151E26; --vm-ai-hatter:#F4F4F6; --vm-ai-szoveg:#151E26; --vm-ai-halvany:#5B5A62; --vm-ai-fej-halvany:#C9C8CF; --vm-ai-keret:#D0D0D6; --vm-ai-betu:inherit; --vm-ai-cimbetu:inherit; --vm-ai-kerekites:20px; }
.vm-design-a .vm-ai { --vm-ai-fo:#14213D; --vm-ai-fo-sotet:#0B1428; --vm-ai-kiemel:#F2C14E; --vm-ai-kiemel-szoveg:#14213D; --vm-ai-hatter:#F4F6FA; --vm-ai-szoveg:#1E2433; --vm-ai-halvany:#4A5368; --vm-ai-fej-halvany:#AEB7CC; --vm-ai-keret:#CFD5E3; --vm-ai-betu:'Inter', sans-serif; --vm-ai-cimbetu:'Sora', sans-serif; }
.vm-design-b .vm-ai { --vm-ai-fo:#302F34; --vm-ai-fo-sotet:#151E26; --vm-ai-kiemel:#FFC700; --vm-ai-kiemel-szoveg:#151E26; --vm-ai-hatter:#F4F4F6; --vm-ai-szoveg:#151E26; --vm-ai-halvany:#5B5A62; --vm-ai-fej-halvany:#C9C8CF; --vm-ai-keret:#D0D0D6; --vm-ai-betu:'Manrope', sans-serif; --vm-ai-cimbetu:'Manrope', sans-serif; --vm-ai-kerekites:16px; }
.vm-design-c .vm-ai { --vm-ai-fo:#1D4E89; --vm-ai-fo-sotet:#12233A; --vm-ai-kiemel:#E76F51; --vm-ai-kiemel-szoveg:#FFFFFF; --vm-ai-hatter:#FBFAF7; --vm-ai-szoveg:#1B2A3A; --vm-ai-halvany:#3D4C5E; --vm-ai-fej-halvany:#B9C6D8; --vm-ai-keret:#C9D6E8; --vm-ai-betu:'Nunito Sans', sans-serif; --vm-ai-cimbetu:'Nunito Sans', sans-serif; --vm-ai-kerekites:24px; }
/* ---------- AI matrac-tanácsadó csevegő ---------- */
.vm-ai { position:fixed; right:20px; bottom:20px; z-index:99990; font-family:var(--vm-ai-betu); }
.vm-ai-nyito { display:flex; align-items:center; gap:10px; background:var(--vm-ai-fo); color:#fff; border:2px solid var(--vm-ai-kiemel); border-radius:999px; padding:12px 20px 12px 16px; font-size:16px; font-weight:600; cursor:pointer; box-shadow:0 12px 30px rgba(11,20,40,.3); transition:transform .15s; font-family:inherit; }
.vm-ai-nyito svg { color:var(--vm-ai-kiemel); }
.vm-ai-nyito:hover { transform:translateY(-2px); }
.vm-ai.nyitva .vm-ai-nyito { display:none; }
.vm-ai-ablak { width:380px; max-width:calc(100vw - 24px); height:min(600px, calc(100vh - 40px)); background:#fff; border-radius:var(--vm-ai-kerekites); box-shadow:0 24px 60px rgba(11,20,40,.35); display:flex; flex-direction:column; overflow:hidden; }
.vm-ai-ablak[hidden] { display:none; }
.vm-ai-fej { background:var(--vm-ai-fo); color:#fff; display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:3px solid var(--vm-ai-kiemel); }
.vm-ai-avatar { width:40px; height:40px; border-radius:20px; background:var(--vm-ai-fo-sotet); color:var(--vm-ai-kiemel); display:flex; align-items:center; justify-content:center; flex:none; }
.vm-ai-fej-szoveg { flex:1; display:flex; flex-direction:column; line-height:1.3; }
.vm-ai-fej-szoveg strong { font-family:var(--vm-ai-cimbetu); font-size:16px; }
.vm-ai-fej-szoveg span { font-size:12px; color:var(--vm-ai-fej-halvany); }
.vm-ai-bezar { background:transparent; border:0; color:#fff; font-size:28px; line-height:1; cursor:pointer; padding:4px 8px; }
.vm-ai-uzenetek { flex:1; overflow-y:auto; padding:16px; background:var(--vm-ai-hatter); display:flex; flex-direction:column; gap:10px; }
.vm-ai-uzenet { max-width:86%; padding:11px 14px; border-radius:16px; font-size:15px; line-height:1.5; color:var(--vm-ai-szoveg); overflow-wrap:anywhere; }
.vm-ai-asszisztens { background:#fff; align-self:flex-start; border-bottom-left-radius:4px; box-shadow:0 1px 2px rgba(20,33,61,.06); }
.vm-ai-vasarlo { background:var(--vm-ai-fo); color:#fff; align-self:flex-end; border-bottom-right-radius:4px; white-space:pre-wrap; }
.vm-ai-uzenet a { color:var(--vm-ai-fo); font-weight:600; text-decoration:underline; text-decoration-color:var(--vm-ai-kiemel); text-decoration-thickness:2px; text-underline-offset:2px; }
.vm-ai-uzenet ul { margin:6px 0; padding-left:18px; }
.vm-ai-uzenet li { margin:2px 0; }
.vm-ai-gepel { display:flex; gap:5px; padding:14px 16px; }
.vm-ai-gepel span { width:7px; height:7px; border-radius:50%; background:var(--vm-ai-fej-halvany); animation:vmAiPont 1.2s infinite ease-in-out; }
.vm-ai-gepel span:nth-child(2) { animation-delay:.15s; } .vm-ai-gepel span:nth-child(3) { animation-delay:.3s; }
@keyframes vmAiPont { 0%,80%,100% { opacity:.3; transform:translateY(0); } 40% { opacity:1; transform:translateY(-3px); } }
.vm-ai-javaslatok { display:flex; flex-wrap:wrap; gap:6px; padding:10px 16px 0; background:var(--vm-ai-hatter); }
.vm-ai-javaslatok[hidden] { display:none; }
.vm-ai-javaslatok button { background:#fff; border:1px solid var(--vm-ai-keret); color:var(--vm-ai-fo); border-radius:999px; padding:7px 12px; font-size:13px; cursor:pointer; font-family:inherit; text-align:left; }
.vm-ai-javaslatok button:hover { border-color:var(--vm-ai-fo); }
.vm-ai-urlap { display:flex; gap:8px; align-items:flex-end; padding:12px 12px 8px; background:var(--vm-ai-hatter); margin:0; }
.vm-ai-urlap textarea { flex:1; resize:none; border:1px solid var(--vm-ai-keret); border-radius:14px; padding:11px 14px; font-size:16px; font-family:inherit; line-height:1.4; max-height:120px; background:#fff; color:var(--vm-ai-szoveg); }
.vm-ai-urlap textarea:focus { outline:2px solid var(--vm-ai-kiemel); border-color:var(--vm-ai-kiemel); }
.vm-ai-urlap button { width:44px; height:44px; border-radius:22px; background:var(--vm-ai-kiemel); color:var(--vm-ai-kiemel-szoveg); border:0; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.vm-ai-labjegyzet { font-size:11px; line-height:1.4; color:var(--vm-ai-halvany); padding:0 14px 12px; margin:0; background:var(--vm-ai-hatter); }
.vm-ai-labjegyzet a { color:var(--vm-ai-halvany); text-decoration:underline; }
.vm-ai-van .et_pb_scroll_top { bottom:90px !important; }
@media (max-width:600px) {
  .vm-ai { right:12px; bottom:12px; }
  .vm-ai-nyito { padding:12px; }
  .vm-ai-nyito-szoveg { display:none; }
  .vm-ai.nyitva { left:0; right:0; top:0; bottom:0; }
  .vm-ai.nyitva .vm-ai-ablak { width:100%; max-width:none; height:100%; border-radius:0; }
}