/* Sağ alttaki "Asistana sor" düğmesi ve sohbet penceresi (v0.34 · Y8; js/moduller/asistan-penceresi.js), bütün sayfalarda.
   Asistan yanıtının parçaları (asistan-yaniti__…) SSS kutusunda ve hane paneli Yardım'da da kullanılır (asistan-yaniti.js).
   Telefonda düğme ve pencere alttaki "Destek ol" çubuğunun üstünde durur. */

.asistan-dugmesi {
  position: fixed;
  right: var(--asistan-kenar);
  bottom: calc(var(--asistan-kenar) + env(safe-area-inset-bottom));
  z-index: var(--katman-asistan);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 6px 20px 6px 6px;
  border-radius: 999px;
  background: var(--renk-zemin);
  box-shadow: var(--golge-yuzen);
  color: var(--renk-murekkep);
  font-weight: 600;
  transition: box-shadow 0.15s, transform 0.15s;
}

.asistan-dugmesi:hover {
  box-shadow: var(--golge-kart-ust);
  transform: translateY(-1px);
}

.asistan-dugmesi .ikon-rozeti,
.asistan-penceresi__bas .ikon-rozeti {
  background: var(--renk-orman-acik);
  color: var(--renk-orman);
}

.asistan-penceresi--acik .asistan-dugmesi {
  box-shadow: var(--golge-kart);
}

/* Pencere: kipsiz, düğmenin hemen üstünde */
.asistan-penceresi__kutu {
  position: fixed;
  right: var(--asistan-kenar);
  bottom: calc(var(--asistan-kenar) + 64px + env(safe-area-inset-bottom));
  z-index: var(--katman-asistan);
  display: flex;
  flex-direction: column;
  width: min(var(--asistan-pencere-genisligi), calc(100vw - 2 * var(--asistan-kenar)));
  max-height: min(var(--asistan-pencere-yuksekligi), calc(100dvh - var(--ust-menu-yuksekligi) - 64px));
  overflow: hidden;
  border-radius: var(--yaricap-buyuk);
  background: var(--renk-zemin);
  box-shadow: var(--golge-yuzen);
}

.asistan-penceresi__bas {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 10px 12px 14px;
}

.asistan-penceresi__adlar {
  flex: 1;
  min-width: 0;
}

.asistan-penceresi__baslik {
  font-family: var(--yazi-baslik);
  font-size: 1.125rem;
  line-height: 1.2;
  color: var(--renk-murekkep);
}

.asistan-penceresi__alt {
  font-size: 0.8125rem;
  color: var(--renk-soluk);
}

/* "Yeni sohbet": saklanan sohbeti siler (v0.36.1; yalnızca sohbette ileti varken görünür) */
.asistan-penceresi__yeni {
  padding: 8px 4px;
  font-size: 0.8125rem;
  white-space: nowrap;
}

.asistan-penceresi__akis {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  min-height: 120px;
  overflow-y: auto;
  padding: 14px;
  background: var(--renk-gri);
}

.asistan-penceresi__ileti {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 90%;
  padding: 10px 12px;
  border-radius: var(--yaricap);
  font-size: 0.9375rem;
  box-shadow: var(--golge-yumusak);
}

.asistan-penceresi__ileti--asistan {
  align-self: flex-start;
  background: var(--renk-zemin);
  color: var(--renk-murekkep);
}

.asistan-penceresi__ileti--kisi {
  align-self: flex-end;
  background: var(--renk-orman-acik);
  color: var(--renk-murekkep);
}

.asistan-penceresi__ornekler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 14px 0;
}

.asistan-penceresi__ornek {
  padding: 6px 12px;
  border: 1px solid var(--renk-cizgi-koyu);
  border-radius: 999px;
  background: var(--renk-zemin);
  font-size: 0.875rem;
  color: var(--renk-metin);
}

.asistan-penceresi__ornek:hover {
  border-color: var(--renk-orman);
  color: var(--renk-orman);
}

.asistan-penceresi__form {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px 6px;
}

.asistan-penceresi__form input {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--renk-cizgi-koyu);
  border-radius: 999px;
  background: var(--renk-zemin);
  font: inherit;
  font-size: 0.9375rem;
  color: var(--renk-murekkep);
}

.asistan-penceresi__form input:focus {
  border-color: var(--renk-orman);
}

.asistan-penceresi__gonder {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--renk-orman);
  box-shadow: var(--golge-dugme);
  color: var(--renk-zemin);
}

.asistan-penceresi__gonder:hover {
  background: var(--renk-orman-koyu);
}

.asistan-penceresi__gonder:disabled {
  opacity: 0.6;
}

.asistan-penceresi__dipnot {
  padding: 0 16px 12px;
  font-size: 0.75rem;
  color: var(--renk-soluk);
}

/* Yanıtın parçaları (pencerede ve SSS / panel kutusunda) */
.asistan-yaniti__metin {
  white-space: pre-line;
  color: var(--renk-murekkep);
}

.asistan-yaniti__uyari {
  padding: 10px 12px;
  border-radius: var(--yaricap);
  background: var(--renk-mercan-zemin);
  color: var(--renk-mercan-koyu);
  font-weight: 600;
}

.asistan-yaniti__uyari .ikon {
  vertical-align: -3px;
}

.asistan-yaniti__baglantilar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.asistan-yaniti__baglanti {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--renk-orman-acik);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--renk-orman);
}

.asistan-yaniti__baglanti:hover {
  background: var(--renk-orman);
  color: var(--renk-zemin);
}

.asistan-yaniti__kaynak {
  font-size: 0.8125rem;
  color: var(--renk-soluk);
}

/* Telefon: pencere ekran genişliğinde; alttaki "Destek ol" çubuğu ya da başvurudaki yapışkan "Devam" çubuğu varsa
   düğme ve pencere onların üstünde (ikisi de --mobil-cubuk-yuksekligi boyunda) */
@media (max-width: 640px) {
  .asistan-penceresi__kutu {
    left: var(--kenar);
    right: var(--kenar);
    width: auto;
  }

  body:has(.mobil-cubuk, .basvuru__alt) .asistan-dugmesi {
    bottom: calc(var(--mobil-cubuk-yuksekligi) + 12px + env(safe-area-inset-bottom));
  }

  body:has(.mobil-cubuk, .basvuru__alt) .asistan-penceresi__kutu {
    bottom: calc(var(--mobil-cubuk-yuksekligi) + 76px + env(safe-area-inset-bottom));
    max-height: calc(100dvh - var(--mobil-cubuk-yuksekligi) - 96px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .asistan-dugmesi {
    transition: none;
  }

  .asistan-dugmesi:hover {
    transform: none;
  }
}

@media print {
  .asistan-penceresi {
    display: none;
  }
}