/* Teklif Asistanı — premium chat UI (theme-aware) */

.assistant-wrap{
  border-radius: 28px;
  border: 1px solid rgba(65,148,190,.22);
  background:
    radial-gradient(900px 520px at 14% 30%, rgba(65,148,190,.14), transparent 60%),
    radial-gradient(820px 520px at 86% 40%, rgba(14,36,74,.10), transparent 62%),
    linear-gradient(180deg, rgba(247,250,255,.75), rgba(247,250,255,.55));
  box-shadow: var(--shadow);
  overflow: hidden;
}

html[data-theme="dark"] .assistant-wrap{
  background:
    radial-gradient(900px 520px at 14% 30%, rgba(65,148,190,.16), transparent 60%),
    radial-gradient(820px 520px at 86% 40%, rgba(14,36,74,.65), transparent 62%),
    linear-gradient(180deg, rgba(7,22,46,.85), rgba(6,19,37,.85));
  border-color: rgba(65,148,190,.18);
}

.assistant-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px 14px;
  border-bottom: 1px solid rgba(14,36,74,.10);
}
html[data-theme="dark"] .assistant-head{
  border-bottom-color: rgba(247,250,255,.10);
}

.assistant-badge{ display:flex; align-items:center; gap: 12px; }
.assistant-badge .dot{
  width: 10px; height: 10px; border-radius: 999px;
  background: rgba(65,148,190,1);
  box-shadow: 0 0 0 6px rgba(65,148,190,.14);
}
.assistant-title{ font-weight: 900; letter-spacing: -.25px; }
.assistant-sub{ font-size: .95rem; }

.assistant-actions{ display:flex; gap: 10px; flex-wrap: wrap; }
.btn--sm{ padding: 10px 12px; border-radius: 14px; font-weight: 900; }

.assistant-body{
  padding: 14px;
}

.assistant-messages{
  height: 420px;
  overflow: auto;
  padding: 4px 2px 14px;
  scroll-behavior: smooth;
}

@media (max-width: 720px){
  .assistant-messages{ height: 62vh; }
  .assistant-head{ flex-direction: column; align-items: flex-start; }
  .assistant-actions{ width: 100%; }
  .assistant-actions .btn{ flex: 1; }
}

.msg{
  display:flex;
  gap: 10px;
  margin: 10px 0;
}
.msg.user{ justify-content: flex-end; }
.msg.bot{ justify-content: flex-start; }

.bubble{
  max-width: min(560px, 86%);
  padding: 12px 14px;
  border-radius: 18px;
  line-height: 1.45;
  position: relative;
  border: 1px solid rgba(14,36,74,.12);
  background: rgba(247,250,255,.78);
  color: var(--text);
  box-shadow: 0 12px 40px rgba(6,19,37,.06);
}

html[data-theme="dark"] .bubble{
  border-color: rgba(247,250,255,.12);
  background: rgba(247,250,255,.06);
  box-shadow: 0 16px 50px rgba(0,0,0,.35);
}

.msg.user .bubble{
  border-color: rgba(65,148,190,.30);
  background: linear-gradient(180deg, rgba(65,148,190,.22), rgba(65,148,190,.12));
}
html[data-theme="dark"] .msg.user .bubble{
  background: linear-gradient(180deg, rgba(65,148,190,.20), rgba(65,148,190,.10));
}

.bubble .meta{
  margin-top: 8px;
  font-size: .85rem;
  opacity: .75;
}

.assistant-typing{
  display:none;
  align-items:center;
  gap: 10px;
  padding: 8px 10px;
}
.assistant-typing span:nth-child(1),
.assistant-typing span:nth-child(2),
.assistant-typing span:nth-child(3){
  width: 7px; height: 7px; border-radius: 999px;
  background: rgba(14,36,74,.55);
  animation: bounce 1s infinite;
}
html[data-theme="dark"] .assistant-typing span:nth-child(1),
html[data-theme="dark"] .assistant-typing span:nth-child(2),
html[data-theme="dark"] .assistant-typing span:nth-child(3){
  background: rgba(247,250,255,.55);
}
.assistant-typing span:nth-child(2){ animation-delay: .12s; }
.assistant-typing span:nth-child(3){ animation-delay: .24s; }

@keyframes bounce{
  0%, 80%, 100%{ transform: translateY(0); opacity: .55; }
  40%{ transform: translateY(-6px); opacity: 1; }
}

.assistant-replies{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 2px 2px;
}

.qbtn{
  border: 1px solid rgba(14,36,74,.14);
  background: rgba(247,250,255,.55);
  color: var(--text);
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 900;
  cursor: pointer;
  transition: transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);
}
.qbtn:hover{ transform: translateY(-1px); border-color: rgba(65,148,190,.35); }
html[data-theme="dark"] .qbtn{
  border-color: rgba(247,250,255,.14);
  background: rgba(247,250,255,.06);
}

.assistant-input{
  display:flex;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(14,36,74,.10);
  background: rgba(247,250,255,.65);
}
html[data-theme="dark"] .assistant-input{
  border-top-color: rgba(247,250,255,.10);
  background: rgba(7,22,46,.70);
}
.assistant-input input{
  flex:1;
  border-radius: 14px;
  border: 1px solid rgba(14,36,74,.14);
  background: rgba(247,250,255,.88);
  padding: 12px 12px;
  color: var(--text);
  outline: none;
}
html[data-theme="dark"] .assistant-input input{
  border-color: rgba(247,250,255,.14);
  background: rgba(247,250,255,.06);
  color: var(--text);
}
.assistant-note{
  padding: 10px 14px 16px;
}


.hero-actions{ margin-left:auto; display:flex; gap:10px; flex-wrap:wrap; }
@media (max-width: 720px){ .hero-actions{ margin-left:0; } }


/* Multi-select chips for service-specific extras */
.mchip{
  border: 1px solid rgba(14,36,74,.14);
  background: rgba(247,250,255,.55);
  color: var(--text);
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 900;
  cursor: pointer;
  transition: transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);
}
.mchip:hover{ transform: translateY(-1px); border-color: rgba(65,148,190,.35); }
.mchip.is-on{
  border-color: rgba(65,148,190,.45);
  background: linear-gradient(180deg, rgba(65,148,190,.20), rgba(65,148,190,.10));
}
html[data-theme="dark"] .mchip{
  border-color: rgba(247,250,255,.14);
  background: rgba(247,250,255,.06);
}
html[data-theme="dark"] .mchip.is-on{
  border-color: rgba(65,148,190,.45);
  background: linear-gradient(180deg, rgba(65,148,190,.18), rgba(65,148,190,.08));
}

.mchip-row{ display:flex; gap: 10px; flex-wrap: wrap; padding: 8px 2px 2px; }
.mchip-actions{ display:flex; gap:10px; flex-wrap:wrap; padding: 10px 2px 2px; }
.mchip-actions .btn{ flex: 1; min-width: 140px; }

/* Assistant version */
.assistant-version{
  margin-top: 10px;
  display:flex;
  justify-content:flex-end;
  font-weight: 900;
  letter-spacing: .25px;
  opacity: .75;
  font-size: .86rem;
}

/* Embed mode (widget iframe) */
html[data-embed="1"],
html[data-embed="1"] body{ height: 100%; }

html[data-embed="1"] body{ padding-bottom: 0 !important; }

html[data-embed="1"] .header,
html[data-embed="1"] .page-hero,
html[data-embed="1"] .footer,
html[data-embed="1"] .sticky-cta{ display:none !important; }

html[data-embed="1"] main{ padding: 0 !important; }
html[data-embed="1"] .section{ padding: 0 !important; }
html[data-embed="1"] .section .container{ max-width:none; padding: 0 !important; }

html[data-embed="1"] .assistant-wrap{
  border-radius: 0;
  height: 100%;
  display:flex;
  flex-direction: column;
  min-height: 0;
}

html[data-embed="1"] .assistant-body{
  flex: 1;
  display:flex;
  flex-direction: column;
  min-height: 0;
}

html[data-embed="1"] .assistant-messages{
  flex: 1;
  height: auto;
  min-height: 0;
}

html[data-embed="1"] .assistant-replies{
  max-height: 190px;
  overflow: auto;
  padding-right: 6px;
}

html[data-embed="1"] .chat-fab,
html[data-embed="1"] .chat-pop{ display:none !important; }