/* Destek bileseni · yeni tasarim (sov) sayfalari icin bagimsiz stil.
   Eski katmanlar (ictihat.css, dugme.css, menu.css, mobil-duzen.css) bu sayfalarda
   yuklenmez; destek.js'in kurdugu isaretleme burada bastan stillenir. Panel her
   ciltte (koyu/acik) belge zemininde kalir: okunacak metin daima kagit ustunde. */
.destek-dugme {
  position: fixed; right: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); z-index: 60;
  display: flex; align-items: center; gap: .45rem; min-height: 44px;
  padding: .7rem 1.1rem; border: 0; border-radius: 999px; cursor: pointer;
  background: #16233A; color: #fff; font: 500 .9375rem/1 var(--yazi-sans, sans-serif);
  box-shadow: 0 6px 20px rgba(12, 18, 27, .32); text-decoration: none;
  transition: transform .2s ease, opacity .2s ease;
}
.destek-dugme:hover { background: #22314d; text-decoration: none; }
.destek-dugme:focus-visible { outline: 2px solid #D9B96E; outline-offset: 3px; }
.destek-dugme.destek-wa { background: #14824A; color: #fff; font-weight: 600; box-shadow: 0 6px 20px rgba(20, 130, 74, .32); }
.destek-dugme.destek-wa:hover, .destek-dugme.destek-wa:focus-visible { background: #0F6B3C; }
.destek-dugme svg { width: 20px; height: 20px; flex: 0 0 20px; }
.destek-isaret {
  display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px;
  border: 1.5px solid #D9B96E; border-radius: 50%; color: #D9B96E; font-weight: 700; font-size: .8125rem; line-height: 1;
}
.destek-dugme.destek-gizli { transform: translateY(160%); opacity: 0; pointer-events: none; }

.destek-panel {
  position: fixed; right: 1rem; bottom: calc(4.6rem + env(safe-area-inset-bottom, 0px)); z-index: 61;
  width: min(380px, calc(100vw - 2rem)); max-height: min(70vh, 560px); overflow: auto;
  background: #FBF8F1; color: #1A222D; border: 1px solid rgba(26, 34, 45, .18); border-radius: 12px;
  box-shadow: 0 18px 48px rgba(12, 18, 27, .32); font: 400 .9375rem/1.55 var(--yazi-sans, sans-serif);
}
.destek-panel[hidden] { display: none; }
.destek-bas {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .8rem 1rem; background: #0C121B; color: #F2ECDF; border-radius: 12px 12px 0 0;
}
.destek-bas strong { font-weight: 600; }
.destek-kapat { background: none; border: 0; color: #F2ECDF; font-size: 1.4rem; line-height: 1; cursor: pointer; min-width: 44px; min-height: 44px; }
.destek-wa-satir {
  display: flex; align-items: center; gap: .65rem; min-height: 56px; padding: .75rem 1rem;
  background: #F0FAF4; color: #14824A; border-bottom: 1px solid rgba(26, 34, 45, .12); text-decoration: none;
}
.destek-wa-satir:hover { background: #E4F5EB; text-decoration: none; }
.destek-wa-satir svg { width: 22px; height: 22px; flex: 0 0 22px; color: #1FA855; }
.destek-wa-satir span { display: flex; flex-direction: column; line-height: 1.3; }
.destek-wa-satir strong { font-size: .9375rem; font-weight: 600; }
.destek-wa-satir small { font-size: .8125rem; color: #4B5563; font-variant-numeric: tabular-nums; }
.destek-sekme { display: flex; border-bottom: 1px solid rgba(26, 34, 45, .12); }
.destek-sekme button {
  flex: 1; min-height: 44px; padding: .7rem .5rem; background: none; border: 0; border-bottom: 2px solid transparent;
  color: #4B5563; font: inherit; font-size: .875rem; cursor: pointer;
}
.destek-sekme button[aria-selected="true"] { color: #7A2E2E; border-bottom-color: #7A2E2E; font-weight: 600; }
.destek-govde { padding: .9rem 1rem; }
.destek-govde label { display: block; margin-bottom: .7rem; font-size: .875rem; color: #4B5563; }
.destek-ara, .destek-govde input[type=email], .destek-govde textarea {
  width: 100%; margin-top: .25rem; padding: .6rem .8rem; border: 1.5px solid rgba(26, 34, 45, .28);
  border-radius: 6px; background: #fff; color: #1A222D; font: inherit; font-size: .9375rem;
}
.destek-ara { margin: 0 0 .7rem; }
.destek-sss { border-bottom: 1px solid rgba(26, 34, 45, .12); padding: .1rem 0; }
.destek-sss summary { display: flex; align-items: center; min-height: 44px; padding: .5rem 0; cursor: pointer; font-size: .9rem; color: #1A222D; }
.destek-sss summary:hover { color: #7A2E2E; }
.destek-sss div { padding: 0 0 .7rem; font-size: .875rem; line-height: 1.65; color: #4B5563; }
.destek-bos { font-size: .875rem; color: #4B5563; }
.destek-gonder { width: 100%; justify-content: center; }
.destek-sonuc { margin-top: .7rem; padding: .6rem .8rem; font-size: .875rem; line-height: 1.6; background: #F1F5F2; border-left: 3px solid #256A4C; border-radius: 4px; }
.destek-sonuc.hata { background: #FBF2F1; border-left-color: #A3352F; }
.destek-ek { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; margin: .2rem 0 .7rem; }
.destek-ek-sec {
  display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .4rem .8rem;
  border: 1px dashed rgba(26, 34, 45, .35); border-radius: 6px; background: #FBF8F1; color: #4B5563; font-size: .875rem; cursor: pointer;
}
.destek-ek-sec:hover { border-color: #7A2E2E; color: #7A2E2E; }
.destek-ek-sec::before { content: "+"; font-size: 1.05rem; line-height: 1; }
.destek-ek-onizleme { position: relative; display: inline-block; }
.destek-ek-onizleme[hidden] { display: none; }
.destek-ek-onizleme img { display: block; max-width: 120px; max-height: 80px; border: 1px solid rgba(26, 34, 45, .14); border-radius: 4px; }
.destek-ek-sil {
  position: absolute; top: -10px; right: -10px; width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid rgba(26, 34, 45, .3); background: #FBF8F1; color: #1A222D; font-size: 1rem; line-height: 1; cursor: pointer;
}
.destek-ek-sil:hover { background: #7A2E2E; color: #fff; border-color: #7A2E2E; }

/* Kucuk ekran: yalniz simge (ayni 46px hedef), panel tam genislik */
@media (max-width: 560px) {
  .destek-dugme { width: 46px; height: 46px; min-width: 46px; padding: 0; justify-content: center; border-radius: 50%; right: 14px; }
  .destek-dugme > span:not(.destek-isaret) { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .destek-dugme.destek-wa svg { width: 24px; height: 24px; flex-basis: 24px; }
  .destek-panel { left: .5rem; right: .5rem; width: auto; bottom: calc(4.4rem + env(safe-area-inset-bottom, 0px)); max-height: 76vh; }
}
@media (prefers-reduced-motion: reduce) { .destek-dugme { transition: none; } }
@media print { .destek-dugme, .destek-panel { display: none; } }