/**
 * Балончето на сайта — в цветовете на Chameleon.
 */

.cc{
  --cc-green:#4a9b3f;
  --cc-green-700:#2f6c28;
  --cc-lime:#8cc63f;
  --cc-ink:#141c19;
  --cc-ink-2:#2b3a33;
  --cc-muted:#67766e;
  --cc-line:#e6ebe3;
  --cc-field:#f6f8f4;

  position:fixed;right:20px;bottom:20px;z-index:99990;
  font-family:var(--font,'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif);
}
.cc[hidden]{display:none}
/* чатът си носи собствените мерки — не зависи от нулирането на темата */
.cc,.cc *,.cc *::before,.cc *::after{box-sizing:border-box}

/* ---------------- балончето ---------------- */
.cc-bubble-btn{
  position:relative;width:60px;height:60px;padding:0;border:0;cursor:pointer;
  border-radius:50%;background:var(--cc-green);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 4px rgba(255,255,255,.55),0 6px 16px -4px rgba(20,28,25,.3),
             0 18px 40px -14px rgba(20,28,25,.5);
  transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s ease;
}
.cc-bubble-btn:hover{background:var(--cc-green-700);transform:translateY(-2px)}
.cc-bubble-btn:focus-visible{outline:3px solid var(--cc-lime);outline-offset:3px}
.cc-ic-x{display:none}
.cc.is-open .cc-ic-chat{display:none}
.cc.is-open .cc-ic-x{display:block}

.cc-badge{
  position:absolute;top:-2px;right:-2px;min-width:21px;height:21px;padding:0 5px;
  border-radius:11px;background:#e14b3c;color:#fff;
  font-size:12px;font-weight:800;line-height:21px;text-align:center;
  box-shadow:0 0 0 3px #fff;
}
.cc-badge[hidden]{display:none}

/* ---------------- панелът ---------------- */
.cc-panel{
  position:absolute;right:0;bottom:74px;width:370px;max-width:calc(100vw - 32px);
  /* на нисък екран панелът не трябва да излиза навън */
  max-height:calc(100vh - 110px);
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border-radius:22px;
  box-shadow:0 2px 8px rgba(20,28,25,.08),0 18px 40px -12px rgba(20,28,25,.28),
             0 50px 90px -40px rgba(10,20,15,.5);
  animation:ccIn .28s cubic-bezier(.22,1,.36,1);
}
.cc-panel[hidden]{display:none}
@keyframes ccIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

/* Светла шапка — върху тъмното логото се губеше. */
.cc-head{
  position:relative;display:flex;align-items:center;gap:12px;
  padding:15px 14px 15px 15px;
  background:linear-gradient(160deg,#f4f9ee 0%,#fff 65%);
  color:var(--cc-ink);
  border-bottom:1px solid var(--cc-line);
}
/* тънка фирмена черта най-отгоре */
.cc-head::before{
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--cc-green),var(--cc-lime));
}
.cc-logo{
  flex:0 0 auto;width:42px;height:42px;border-radius:13px;overflow:hidden;
  background:#fff;display:flex;align-items:center;justify-content:center;padding:3px;
  box-shadow:0 1px 3px rgba(20,28,25,.1),inset 0 0 0 1px var(--cc-line);
}
.cc-logo img{width:100%;height:100%;object-fit:contain}
.cc-head-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.cc-head-txt strong{font-size:15.5px;font-weight:800;letter-spacing:-.015em;color:var(--cc-ink)}
.cc-head-txt small{
  display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--cc-muted);
}
.cc-dot{
  width:7px;height:7px;border-radius:50%;background:var(--cc-green);flex:0 0 auto;
  box-shadow:0 0 0 3px rgba(74,155,63,.18);
}
.cc-x{
  flex:0 0 auto;width:32px;height:32px;padding:0;border:0;cursor:pointer;border-radius:10px;
  background:rgba(20,28,25,.05);color:var(--cc-ink-2);
  display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease;
}
.cc-x:hover{background:rgba(20,28,25,.1);color:var(--cc-ink)}

/* ---------------- Viber ---------------- */
.cc-viber{
  display:flex;align-items:center;gap:11px;margin:13px 14px 2px;padding:11px 13px;
  border-radius:15px;text-decoration:none;
  background:linear-gradient(135deg,#7360f2 0%,#8f7bf5 100%);color:#fff;
  box-shadow:0 4px 12px -4px rgba(115,96,242,.55);
  transition:transform .2s ease,box-shadow .2s ease;
}
.cc-viber:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(115,96,242,.7);color:#fff}
.cc-viber-ic{
  flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
}
.cc-viber-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.cc-viber-txt b{font-size:14px;font-weight:700}
.cc-viber-txt small{font-size:12px;opacity:.85}
.cc-viber-go{flex:0 0 auto;opacity:.8}

/* ---------------- разговорът ---------------- */
.cc-log{
  flex:1 1 auto;min-height:120px;max-height:min(46vh,340px);overflow-y:auto;
  padding:14px;display:flex;flex-direction:column;gap:10px;
  background:#fff;overscroll-behavior:contain;
}
.cc-msg{display:flex;flex-direction:column;gap:3px;max-width:84%}
.cc-msg--them{align-self:flex-start;align-items:flex-start}
.cc-msg--me{align-self:flex-end;align-items:flex-end}

.cc-bubble{
  padding:11px 14px;border-radius:17px;font-size:14.5px;line-height:1.55;
  white-space:pre-wrap;word-break:break-word;
}
.cc-msg--them .cc-bubble{
  background:var(--cc-field);color:var(--cc-ink);border-bottom-left-radius:6px;
  box-shadow:inset 0 0 0 1px var(--cc-line);
}
.cc-msg--me .cc-bubble{
  background:var(--cc-green);color:#fff;border-bottom-right-radius:6px;
  box-shadow:0 2px 8px -3px rgba(74,155,63,.6);
}
.cc-time{font-size:11px;color:var(--cc-muted);padding:0 4px}
.cc-msg.is-sending .cc-bubble{opacity:.6}
.cc-msg.is-failed .cc-bubble{background:#e14b3c}

/* ---------------- полетата ---------------- */
.cc-form{border-top:1px solid var(--cc-line);padding:12px;background:linear-gradient(#fbfcf9,#fff)}
.cc-who{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}
.cc-who[hidden]{display:none}
.cc-fld{display:flex;flex-direction:column;gap:4px;min-width:0}
.cc-fld span{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--cc-muted)}
.cc-fld input{
  width:100%;padding:9px 12px;border:1.5px solid var(--cc-line);border-radius:11px;
  background:#fff;font-family:inherit;font-size:14px;color:var(--cc-ink);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.cc-fld input:focus{outline:0;border-color:var(--cc-green);box-shadow:0 0 0 3px rgba(74,155,63,.13)}

.cc-send{display:flex;align-items:flex-end;gap:8px}
.cc-send textarea{
  flex:1 1 auto;min-width:0;height:44px;max-height:110px;resize:none;
  /* без това Windows рисува лента със стрелки в празно поле */
  overflow-y:hidden;scrollbar-width:thin;
  padding:12px 14px;border:1.5px solid var(--cc-line);border-radius:13px;
  background:#fff;font-family:inherit;font-size:14.5px;line-height:1.4;color:var(--cc-ink);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.cc-send textarea:focus{outline:0;border-color:var(--cc-green);box-shadow:0 0 0 3px rgba(74,155,63,.13)}
.cc-go{
  flex:0 0 auto;width:44px;height:44px;padding:0;border:0;cursor:pointer;border-radius:13px;
  background:var(--cc-green);color:#fff;display:flex;align-items:center;justify-content:center;
  transition:background .18s ease,transform .18s ease;
}
.cc-go:hover:not(:disabled){background:var(--cc-green-700);transform:translateY(-1px)}
.cc-go:disabled{opacity:.55;cursor:default}
.cc-note{margin:8px 2px 0;font-size:12px;line-height:1.45;color:var(--cc-muted);min-height:1px}
.cc-note.is-bad{color:#c0392b}

/* ---------------- телефон ---------------- */
@media (max-width:520px){
  .cc{right:14px;bottom:14px}
  .cc-panel{
    position:fixed;right:0;left:0;bottom:0;top:auto;
    width:100%;max-width:none;max-height:88vh;
    border-radius:20px 20px 0 0;
  }
  .cc-log{max-height:none;flex:1 1 auto}
  .cc-bubble-btn{width:54px;height:54px}
  .cc-who{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .cc-panel{animation:none}
  .cc-bubble-btn,.cc-viber,.cc-go{transition:none}
}