/* ===== AMBASADOR CHATBOT ===== */
#ambchat-root{
  --amb-gold:#A07957;
  --amb-dark:#2E2A26;
  --amb-cream:#F7F3EC;
  --amb-white:#ffffff;
  font-family: 'Montserrat', -apple-system, sans-serif;
}

/* Bula flotantă */
.ambchat-bubble{
  position:fixed; bottom:24px; right:24px; z-index:99998;
  width:62px; height:62px; border-radius:50%;
  background:var(--amb-gold); color:#fff;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 8px 26px rgba(43,21,24,.28);
  transition:transform .25s ease;
}
.ambchat-bubble:hover{ transform:scale(1.08); }
.ambchat-bubble svg{ width:30px; height:30px; }
.ambchat-bubble .ambchat-badge{
  position:absolute; top:-3px; right:-3px;
  width:18px; height:18px; background:#e74c3c; color:#fff;
  border-radius:50%; font-size:11px; display:flex; align-items:center; justify-content:center;
  border:2px solid #fff;
}

/* Fereastra de chat */
.ambchat-window{
  position:fixed; bottom:100px; right:24px; z-index:99999;
  width:370px; max-width:calc(100vw - 32px);
  height:540px; max-height:calc(100vh - 140px);
  background:var(--amb-white); border-radius:16px;
  box-shadow:0 20px 60px rgba(43,21,24,.25);
  display:flex; flex-direction:column; overflow:hidden;
  opacity:0; transform:translateY(20px) scale(.96); pointer-events:none;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
}
.ambchat-window.open{ opacity:1; transform:translateY(0) scale(1); pointer-events:auto; }

/* Header */
.ambchat-header{
  background:var(--amb-dark); color:#fff; padding:18px 20px;
  display:flex; align-items:center; gap:12px;
}
.ambchat-header .ambchat-avatar{
  width:40px; height:40px; border-radius:50%;
  background:var(--amb-gold); display:flex; align-items:center; justify-content:center;
  font-family:'Marcellus',serif; font-size:18px; flex-shrink:0;
}
.ambchat-header .ambchat-title{ font-family:'Marcellus',serif; font-size:17px; line-height:1.1; }
.ambchat-header .ambchat-sub{ font-size:11px; color:#C9A97C; margin-top:2px; }
.ambchat-header .ambchat-close{
  margin-left:auto; cursor:pointer; opacity:.7; font-size:22px; line-height:1;
}
.ambchat-header .ambchat-close:hover{ opacity:1; }

/* Corp mesaje */
.ambchat-body{
  flex:1; overflow-y:auto; padding:20px 16px;
  background:var(--amb-cream); display:flex; flex-direction:column; gap:12px;
}
.ambchat-msg{ max-width:82%; padding:11px 15px; border-radius:14px; font-size:14px; line-height:1.5; white-space:pre-line; }
.ambchat-msg.bot{ background:#fff; color:var(--amb-dark); border-bottom-left-radius:4px; align-self:flex-start; box-shadow:0 2px 8px rgba(43,21,24,.06); }
.ambchat-msg.user{ background:var(--amb-gold); color:#fff; border-bottom-right-radius:4px; align-self:flex-end; }

/* Opțiuni (butoane) */
.ambchat-options{ display:flex; flex-direction:column; gap:8px; align-self:flex-start; max-width:90%; }
.ambchat-opt{
  background:#fff; border:1px solid var(--amb-gold); color:var(--amb-gold);
  padding:10px 16px; border-radius:22px; font-size:13px; cursor:pointer;
  text-align:left; transition:all .2s;
}
.ambchat-opt:hover{ background:var(--amb-gold); color:#fff; }

/* Input text */
.ambchat-input-row{
  display:flex; gap:8px; padding:12px 14px; background:#fff; border-top:1px solid #eee;
}
.ambchat-input-row input{
  flex:1; border:1px solid #ddd; border-radius:22px; padding:10px 16px; font-size:14px; outline:none;
}
.ambchat-input-row input:focus{ border-color:var(--amb-gold); }
.ambchat-input-row button{
  background:var(--amb-gold); color:#fff; border:none; border-radius:50%;
  width:42px; height:42px; cursor:pointer; flex-shrink:0; font-size:18px;
}

/* Buton WhatsApp final */
.ambchat-whatsapp{
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:#25D366; color:#fff; padding:12px; border-radius:12px;
  text-decoration:none; font-size:14px; font-weight:500; margin-top:4px;
  align-self:stretch;
}
.ambchat-whatsapp:hover{ background:#1eb955; color:#fff; }

/* typing indicator */
.ambchat-typing{ display:flex; gap:4px; padding:12px 15px; }
.ambchat-typing span{ width:7px; height:7px; border-radius:50%; background:#bbb; animation:ambchat-bounce 1.2s infinite; }
.ambchat-typing span:nth-child(2){ animation-delay:.2s; }
.ambchat-typing span:nth-child(3){ animation-delay:.4s; }
@keyframes ambchat-bounce{ 0%,60%,100%{transform:translateY(0);opacity:.5;} 30%{transform:translateY(-5px);opacity:1;} }

@media(max-width:480px){
  .ambchat-window{ right:8px; bottom:88px; width:calc(100vw - 16px); height:calc(100vh - 120px); }
  .ambchat-bubble{ right:16px; bottom:16px; }
}