/* =================================================================
   ASISTENȚI VOCALI RO / BG / HU — widget flotant
   ================================================================= */

.asst{position:fixed;right:18px;bottom:18px;z-index:9000;
  display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-family:var(--font,sans-serif)}

/* ---------- stiva de butoane ---------- */
.asst__stack{display:flex;flex-direction:column;align-items:center;gap:14px}

.asst__lang{
  width:78px;height:78px;border-radius:50%;background:#fff;border:2.5px solid var(--c);
  display:grid;place-items:center;align-content:center;gap:0;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.14);transition:.18s;padding:0;line-height:1;position:relative
}
.asst__lang:hover{transform:scale(1.07);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.asst__lang.is-active{background:var(--c)}
.asst__lang b{color:var(--c);font-size:1.32rem;font-weight:800;letter-spacing:.02em}
.asst__lang span{color:var(--c);font-size:.44rem;font-weight:700;letter-spacing:.09em;margin-top:2px}
.asst__lang.is-active b,.asst__lang.is-active span,.asst__lang.is-active .asst__micdot{color:#fff}
.asst__micdot{width:13px;height:13px;color:var(--c);position:absolute;top:22px;left:17px}

.asst__wa{
  width:78px;height:78px;border-radius:50%;background:#25d366;display:grid;place-items:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:.18s;color:#fff
}
.asst__wa:hover{transform:scale(1.07);background:#1eb955}
.asst__wa svg{width:42px;height:42px}
.asst__wa.is-todo{background:#b9b9b9}

/* ---------- panoul de chat ---------- */
.asst__panel{
  width:min(390px,calc(100vw - 36px));background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;max-height:min(560px,72vh)
}
.asst__head{
  background:var(--c,#e8820c);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0
}
.asst__dot{width:9px;height:9px;border-radius:50%;background:#7dff9b;box-shadow:0 0 0 3px rgba(255,255,255,.28)}
.asst__title{flex:1;font-size:.94rem;letter-spacing:-.01em}
.asst__x{background:rgba(255,255,255,.2);border:0;color:#fff;width:26px;height:26px;border-radius:50%;
  cursor:pointer;font-size:1.05rem;line-height:1}
.asst__x:hover{background:rgba(0,0,0,.22)}

.asst__log{padding:16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px;background:#f7f8f8}
.asst__msg{max-width:88%;padding:.62rem .85rem;border-radius:12px;font-size:.9rem;line-height:1.5}
.asst__msg--bot{background:#fff;border:1px solid #e6e6e6;align-self:flex-start;border-bottom-left-radius:3px}
.asst__msg--me{background:var(--c,#e8820c);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}
.asst__note{font-size:.82rem;color:#8a8a8a;font-style:italic}

.asst__hits{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.45rem}
.asst__hits a{display:block;padding:.5rem .6rem;background:#f4f5f5;border-left:3px solid var(--c,#e8820c);
  border-radius:0 5px 5px 0;text-decoration:none;color:inherit}
.asst__hits a:hover{background:#ececec}
.asst__hits b{display:block;font-size:.87rem;margin-bottom:.1rem}
.asst__hits span{display:block;font-size:.78rem;color:#767676;line-height:1.4}

.asst__acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:.65rem}
.asst__btn{background:var(--c,#e8820c);color:#fff;font-size:.78rem;font-weight:650;
  padding:.4rem .75rem;border-radius:999px;text-decoration:none;white-space:nowrap}
.asst__btn:hover{filter:brightness(.92)}

/* ---------- bara de input ---------- */
.asst__bar{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border-top:1px solid #e6e6e6;flex-shrink:0}
.asst__in{flex:1;border:1px solid #ddd;border-radius:999px;padding:.62rem 1rem;font-family:inherit;font-size:.9rem;min-width:0}
.asst__in:focus{outline:2px solid var(--c,#e8820c);outline-offset:-1px;border-color:transparent}
.asst__mic,.asst__send{
  width:42px;height:42px;border-radius:50%;border:0;background:var(--c,#e8820c);color:#fff;
  display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:.16s
}
.asst__mic:hover,.asst__send:hover{filter:brightness(.9)}
.asst__mic svg{width:19px;height:19px}
.asst__send svg{width:21px;height:21px}
.asst__mic.is-on{background:#d81b1b;animation:asstPulse 1.1s infinite}
@keyframes asstPulse{0%,100%{box-shadow:0 0 0 0 rgba(216,27,27,.55)}50%{box-shadow:0 0 0 9px rgba(216,27,27,0)}}

/* ---------- mobil ---------- */
@media(max-width:720px){
  .asst{right:12px;bottom:12px;gap:10px}
  .asst__stack{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:9px}
  .asst__lang,.asst__wa{width:58px;height:58px}
  .asst__lang b{font-size:1rem}
  .asst__lang span{font-size:.36rem}
  .asst__micdot{width:10px;height:10px;top:15px;left:11px}
  .asst__wa svg{width:31px;height:31px}
  .asst__panel{max-height:66vh}
}