/* ============================================================
   Domestika AI Chat — v2.2
   ============================================================ */
:root {
  --daic-primary:       #c4522a;
  --daic-primary-dark:  #a03e1e;
  --daic-primary-light: #e8856a;
  --daic-cream:         #faf6f0;
  --daic-white:         #ffffff;
  --daic-charcoal:      #2c2c2c;
  --daic-gray:          #7a7a7a;
  --daic-border:        #e2d9cf;
  --daic-success-bg:    #f0f8f3;
  --daic-success-border:#b8d9c4;
  --daic-success-text:  #2d5a3a;
  --daic-font:          Georgia, 'Times New Roman', serif;
  --daic-body:          -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, sans-serif;
  --daic-radius:        18px;
  --daic-shadow:        0 20px 60px rgba(44,44,44,.15), 0 0 0 1px rgba(196,82,42,.07);
}

/* ── Wrap ─────────────────────────────────────────────────── */
#daic-wrap { position:fixed; z-index:999999; font-family:var(--daic-body); }
#daic-wrap.daic-pos-bottom-right { bottom:24px; right:24px; }
#daic-wrap.daic-pos-bottom-left  { bottom:24px; left:24px;  }

/* ── Launcher ─────────────────────────────────────────────── */
#daic-launcher {
  width:60px; height:60px; border-radius:50%;
  background:var(--daic-primary); border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 24px rgba(196,82,42,.4);
  transition:transform .2s, box-shadow .2s;
  position:relative; outline:none;
}
#daic-launcher:hover { transform:scale(1.08); box-shadow:0 10px 32px rgba(196,82,42,.52); }
#daic-launcher svg  { width:26px; height:26px; fill:white; pointer-events:none; }
#daic-badge {
  position:absolute; top:-3px; right:-3px;
  width:19px; height:19px; background:#2d7a4f;
  border-radius:50%; font-size:11px; font-weight:700; color:white;
  display:flex; align-items:center; justify-content:center;
  border:2px solid var(--daic-cream);
}

/* ── Window ───────────────────────────────────────────────── */
#daic-window {
  position:absolute; bottom:76px; width:370px; max-height:680px;
  background:var(--daic-white); border-radius:var(--daic-radius);
  box-shadow:var(--daic-shadow);
  display:flex; flex-direction:column; overflow:hidden;
  opacity:0; transform:translateY(14px) scale(.96);
  pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
.daic-pos-bottom-right #daic-window { right:0; }
.daic-pos-bottom-left  #daic-window { left:0;  }
#daic-window.daic-open { opacity:1; transform:none; pointer-events:all; }

/* ── Header ───────────────────────────────────────────────── */
.daic-header {
  background:linear-gradient(135deg,var(--daic-primary),var(--daic-primary-dark));
  padding:14px 16px 12px; display:flex; align-items:center; gap:10px; flex-shrink:0;
}
.daic-header-av {
  width:38px; height:38px; background:rgba(255,255,255,.18);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:18px; flex-shrink:0;
}
.daic-header-info { flex:1; }
.daic-header-info strong { display:block; font-family:var(--daic-font); font-size:14px; color:white; }
.daic-header-info span   { font-size:11px; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:5px; margin-top:1px; }
.daic-dot { width:7px; height:7px; background:#7be89a; border-radius:50%; display:inline-block; animation:daic-pulse 2s infinite; }
@keyframes daic-pulse { 0%,100%{opacity:1}50%{opacity:.4} }
.daic-close-btn {
  background:rgba(255,255,255,.15); border:none; color:white;
  width:28px; height:28px; border-radius:50%; cursor:pointer;
  font-size:14px; display:flex; align-items:center; justify-content:center;
  transition:background .18s;
}
.daic-close-btn:hover { background:rgba(255,255,255,.28); }

/* ── Promo Bar ────────────────────────────────────────────── */
#daic-promo-bar {
  background:linear-gradient(90deg,#2d4a1e,#3d7a2e); color:white;
  font-size:12.5px; font-weight:500; padding:8px 14px;
  display:flex; align-items:center; gap:8px; flex-shrink:0;
  animation:daic-slide-down .3s ease;
}
@keyframes daic-slide-down{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
#daic-promo-bar span:first-child { font-size:16px; flex-shrink:0; }
#daic-promo-bar span:nth-child(2){ flex:1; }
.daic-promo-copy-btn {
  background:rgba(255,255,255,.22); border:none; color:white;
  padding:3px 10px; border-radius:10px; font-size:11px; cursor:pointer;
  font-family:var(--daic-body); white-space:nowrap; transition:background .18s;
}
.daic-promo-copy-btn:hover { background:rgba(255,255,255,.35); }

/* ── Messages ─────────────────────────────────────────────── */
#daic-messages {
  flex:1; overflow-y:auto; padding:14px 12px;
  display:flex; flex-direction:column; gap:10px; scroll-behavior:smooth;
}
#daic-messages::-webkit-scrollbar { width:3px; }
#daic-messages::-webkit-scrollbar-thumb { background:var(--daic-border); border-radius:3px; }

/* ── Bubbles ──────────────────────────────────────────────── */
.daic-msg { display:flex; gap:8px; }
.daic-bot  { align-self:flex-start; max-width:95%; }
.daic-user { align-self:flex-end;  flex-direction:row-reverse; max-width:80%; }
.daic-msg-av {
  width:28px; height:28px;
  background:linear-gradient(135deg,var(--daic-primary-light),var(--daic-primary));
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:13px; flex-shrink:0; margin-top:2px;
}
.daic-bubble {
  padding:10px 14px; border-radius:16px;
  font-size:13.5px; line-height:1.58;
}
.daic-bot  .daic-bubble { background:#f8f4ef; color:var(--daic-charcoal); border-bottom-left-radius:4px; border:1px solid var(--daic-border); }
.daic-user .daic-bubble { background:var(--daic-primary); color:white; border-bottom-right-radius:4px; }
.daic-bot .daic-bubble p           { margin:0 0 6px; }
.daic-bot .daic-bubble p:last-child { margin-bottom:0; }
.daic-bot .daic-bubble strong      { font-weight:600; }
.daic-bot .daic-bubble ul          { margin:4px 0 4px 16px; padding:0; }
.daic-bot .daic-bubble li          { margin-bottom:3px; }
.daic-bot .daic-bubble hr          { border:none; border-top:1px solid #eee; margin:6px 0; }
.daic-time { font-size:10px; color:var(--daic-gray); margin-top:3px; padding-left:2px; }
.daic-user .daic-time { text-align:right; }

/* ── Quick Replies ────────────────────────────────────────── */
.daic-qr { display:flex; flex-direction:column; gap:6px; margin-top:10px; }
.daic-qr-btn {
  background:white; border:1.5px solid var(--daic-primary);
  color:var(--daic-primary); border-radius:20px;
  padding:7px 14px; font-size:13px; cursor:pointer;
  font-family:var(--daic-body); font-weight:500;
  transition:all .16s; text-align:center; width:100%;
}
.daic-qr-btn:hover { background:var(--daic-primary); color:white; }

/* ── Typing ───────────────────────────────────────────────── */
#daic-typing { padding:0 12px 4px; }
.daic-typing-dots { display:flex !important; gap:5px; align-items:center; padding:11px 14px !important; }
.daic-typing-dots span { width:7px; height:7px; background:#ccc; border-radius:50%; animation:daic-bounce .9s ease infinite; }
.daic-typing-dots span:nth-child(2) { animation-delay:.15s; }
.daic-typing-dots span:nth-child(3) { animation-delay:.30s; }
@keyframes daic-bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}

/* ── Product List (VERTICAL) ─────────────────────────────── */
.daic-product-list { display:flex; flex-direction:column; gap:10px; padding:4px 0; width:100%; }

.daic-pcard {
  background:white; border-radius:12px; border:1.5px solid var(--daic-border);
  overflow:hidden; transition:box-shadow .2s;
}
.daic-pcard:hover { box-shadow:0 4px 16px rgba(44,44,44,.1); }

/* Card row: poza stanga, info dreapta */
.daic-pcard-row { display:flex; gap:0; }

.daic-pcard-img-wrap {
  position:relative; width:110px; min-height:110px; flex-shrink:0;
  background:linear-gradient(135deg,#fdf0ea,#f5e6d8); overflow:hidden;
}
.daic-pcard-img {
  width:100%; height:100%; object-fit:cover;
  position:absolute; top:0; left:0;
}
.daic-pcard-img--ph {
  width:100%; height:110px; display:flex; align-items:center;
  justify-content:center; font-size:30px; background:none;
  position:static;
}
.daic-pcard-badge {
  position:absolute; top:6px; left:6px;
  background:var(--daic-primary); color:white;
  font-size:9px; font-weight:700; letter-spacing:.5px;
  padding:2px 6px; border-radius:8px; z-index:1;
}
.daic-pcard-badge--oos { background:#888; }

.daic-pcard-badge { display:none; }
.daic-pcard-badge--oos { display:flex; }

.daic-pcard-info {
  flex:1; padding:10px 12px 10px;
  display:flex; flex-direction:column; justify-content:space-between;
}
.daic-pcard-name {
  font-size:13px; font-weight:600; color:var(--daic-charcoal);
  line-height:1.3; margin-bottom:4px;
}
.daic-pcard-desc {
  font-size:11.5px; color:var(--daic-gray); line-height:1.3;
  margin-bottom:6px; flex:1;
}
.daic-pcard-price-row { margin-bottom:8px; display:flex; align-items:baseline; gap:6px; }
.daic-pcard-price {
  font-size:15px; font-weight:700; color:var(--daic-primary);
}
.daic-pcard-old {
  font-size:11px; color:var(--daic-gray); text-decoration:line-through;
}
.daic-pcard-sale-badge {
  font-size:10px; font-weight:700; background:var(--daic-primary);
  color:white; padding:1px 5px; border-radius:4px; letter-spacing:.3px;
}
.daic-pcard-actions { display:flex; gap:6px; }
.daic-btn {
  flex:1; border-radius:20px; padding:7px 10px;
  font-size:12px; font-weight:600; cursor:pointer;
  font-family:var(--daic-body); text-align:center;
  transition:all .18s; border:none; text-decoration:none;
  display:inline-flex; align-items:center; justify-content:center; gap:4px;
  white-space:nowrap; letter-spacing:.1px;
}
.daic-btn--primary {
  background:var(--daic-primary); color:white;
  box-shadow:0 2px 8px rgba(196,82,42,.3);
}
.daic-btn--primary:hover { background:var(--daic-primary-dark); box-shadow:0 3px 12px rgba(196,82,42,.4); }
.daic-btn--outline {
  background:white; color:var(--daic-primary);
  border:1.5px solid var(--daic-primary);
}
.daic-btn--outline:hover { background:var(--daic-primary); color:white; }
.daic-btn--disabled { background:#f0f0f0; color:var(--daic-gray); cursor:default; font-size:10.5px; border-radius:20px; }

/* ── Delivery / Payment Options ───────────────────────────── */
.daic-pay-options { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
.daic-pay-opt {
  display:flex; align-items:center; gap:10px;
  background:white; border:1.5px solid var(--daic-border);
  border-radius:10px; padding:10px 12px; cursor:pointer;
  font-family:var(--daic-body); text-align:left;
  transition:all .18s; width:100%;
}
.daic-pay-opt:hover { border-color:var(--daic-primary); background:#fdf5f2; transform:translateX(3px); }
.daic-pay-opt-icon { font-size:22px; flex-shrink:0; }
.daic-pay-opt span:last-child { display:flex; flex-direction:column; }
.daic-pay-opt strong { font-size:13px; color:var(--daic-charcoal); }
.daic-pay-opt small  { font-size:11px; color:var(--daic-gray); margin-top:1px; }

/* ── Promo Offer Buttons ──────────────────────────────────── */
.daic-promo-offer { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
.daic-promo-offer .daic-btn { flex:none; padding:9px 14px; font-size:13px; }

/* ── Promo Code Display ───────────────────────────────────── */
.daic-code-display {
  display:flex; align-items:center; gap:10px;
  background:#fff8f0; border:2px dashed var(--daic-primary);
  border-radius:10px; padding:10px 14px; margin:8px 0;
  font-size:18px; font-weight:700; letter-spacing:2px; color:var(--daic-primary);
}
.daic-copy-code {
  margin-left:auto; background:var(--daic-primary); color:white;
  border:none; border-radius:8px; padding:5px 10px; font-size:12px;
  cursor:pointer; font-family:var(--daic-body); white-space:nowrap;
}
.daic-copy-code:hover { background:var(--daic-primary-dark); }

/* ── Order Success ────────────────────────────────────────── */
.daic-success {
  background:var(--daic-success-bg); border:1.5px solid var(--daic-success-border);
  border-radius:12px; padding:16px; text-align:center;
}
.daic-success-icon { font-size:34px; margin-bottom:8px; }
.daic-success h4   { color:#2d7a4f; font-size:15px; margin:0 0 12px; }
.daic-success-row  {
  display:flex; justify-content:space-between; align-items:center;
  padding:5px 0; border-bottom:1px solid rgba(184,217,196,.4);
  font-size:13px; color:var(--daic-success-text);
}
.daic-success-row:last-of-type { border-bottom:none; }
.daic-success-row span { color:var(--daic-gray); }
.daic-success-row strong { font-weight:600; }
.daic-success-ref { color:var(--daic-primary) !important; }
.daic-success-note { font-size:12px; color:var(--daic-gray); margin:10px 0 0; }

/* ── Pay / Redirect Buttons ───────────────────────────────── */
.daic-pay-btn {
  display:inline-block; margin-top:12px;
  background:var(--daic-primary); color:white;
  padding:10px 20px; border-radius:22px;
  font-size:13px; font-weight:600; text-decoration:none;
  transition:background .18s;
}
.daic-pay-btn:hover { background:var(--daic-primary-dark); color:white; }

.daic-redirect-card {
  background:linear-gradient(135deg,#eef4ff,#e6edff);
  border:1.5px solid #b8ceff; border-radius:12px; padding:16px; text-align:center;
}
.daic-redirect-icon { font-size:34px; margin-bottom:8px; }
.daic-redirect-card h4 { color:#2244aa; font-size:14px; margin:0 0 6px; }
.daic-redirect-card p  { font-size:12.5px; color:#3355bb; margin:0 0 10px; }

/* ── Input Bar ────────────────────────────────────────────── */
.daic-input-bar {
  padding:10px 12px; border-top:1px solid var(--daic-border);
  display:flex; gap:8px; background:white; flex-shrink:0;
}
#daic-input {
  flex:1; border:1.5px solid var(--daic-border); border-radius:20px;
  padding:9px 15px; font-size:13.5px; font-family:var(--daic-body);
  outline:none; background:var(--daic-cream); color:var(--daic-charcoal);
  transition:border-color .18s;
}
#daic-input:focus { border-color:var(--daic-primary); }
#daic-input::placeholder { color:#b5a898; }
#daic-send {
  width:40px; height:40px; background:var(--daic-primary); border:none;
  border-radius:50%; cursor:pointer; display:flex; align-items:center;
  justify-content:center; transition:background .18s, transform .15s; flex-shrink:0;
}
#daic-send:hover { background:var(--daic-primary-dark); transform:scale(1.06); }
#daic-send svg  { width:16px; height:16px; fill:white; }

/* ── Footer ───────────────────────────────────────────────── */
.daic-footer {
  text-align:center; font-size:11px; color:var(--daic-gray);
  padding:5px 12px 7px; background:white;
  border-top:1px solid var(--daic-border); flex-shrink:0;
}
.daic-footer a { color:var(--daic-primary); text-decoration:none; }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width:420px) {
  #daic-window { width:calc(100vw - 16px); }
  .daic-pos-bottom-right #daic-window { right:-12px; }
  .daic-pos-bottom-left  #daic-window { left:-12px;  }
  .daic-pcard-img-wrap { width:90px; min-height:90px; }
}