/* fauda.app/hesap-sil/ ve /en/delete-account/ — web'den hesap silme (A-7d). Kaynak: vault/04-Auth/A-7-Hesap-Silme-Plani.md "Web".
   Sitenin metin sayfası düzeninin (site.css) üstüne yalnız işlem kartı. Renk, yazı ve düğme dili site.css ile DESIGN.md'den;
   yıkıcı eylem yalnız renkle ayrılmaz: kırmızı yazı ve kenarlık + çöp kutusu simgesi + ikinci onay (DESIGN.md "Renk kuralları" 3;
   koyu temada kırmızı dolgu üstünde yazı 4,5:1'i tutmuyor). */

.silme {
  margin-top: clamp(32px, 5vh, 48px); max-width: 40rem;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid var(--border); border-radius: var(--radius-card);
  background: var(--surface); box-shadow: var(--golge);
}
.silme [hidden] { display: none !important; }
.silme h2 { font-size: var(--t-title); line-height: 1.3; letter-spacing: -0.01em; color: var(--text1); }
.silme h2:focus { outline: none; }
.silme h2:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.silme p, .silme li { color: var(--text2); text-shadow: none; }
.silme strong { color: var(--text1); }
.silme [data-adim] > * + * { margin-top: 12px; }
.silme ul { padding-left: 1.15em; list-style: disc; }
.silme li + li { margin-top: 8px; }
.silme li::marker { color: var(--accent); font-weight: 700; }
.silme a { color: var(--text1); text-decoration-color: var(--accent); text-underline-offset: 4px; }

/* Adımın üstündeki küçük sıra etiketi, sayfa yolunun biçiminde (".silme p" rengini ezsin diye iki sınıf) */
.silme .silme-sira {
  font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-ink);
}

/* Düğmeler: birincil site.css'teki .cta; burada ikincil, yıkıcı ve metin düğmesi */
.silme-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px !important; }
.silme button { cursor: pointer; }
.silme .cta { border: 0; }
.ikincil, .tehlike {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 22px; border-radius: 999px; background: transparent;
  font-weight: 700; font-size: 1rem; white-space: nowrap;
}
.ikincil { border: 1px solid var(--border); color: var(--text1); }
.ikincil:hover { background: var(--surface2); }
.tehlike { border: 1.5px solid var(--accent-ink); color: var(--accent-ink); }
.tehlike:hover { background: rgba(var(--iz-a), 0.08); }
.tehlike svg { width: 18px; height: 18px; flex: none; }
.metin-dugme {
  min-height: 44px; padding: 0 2px; border: 0; background: none;
  color: var(--text2); font-weight: 600; text-decoration: underline; text-decoration-color: var(--border);
  text-underline-offset: 5px;
}
.metin-dugme:hover { color: var(--text1); text-decoration-color: var(--accent); }
.silme button:disabled { opacity: 0.55; cursor: progress; }
@media (max-width: 479px) {
  .silme-eylem > .cta, .silme-eylem > .ikincil, .silme-eylem > .tehlike { width: 100%; }
}

/* Bekleme: dönen halka; "hareketi azalt"ta durur */
.silme-bekle { display: flex; align-items: center; gap: 12px; color: var(--text2); }
.silme-bekle::before {
  content: ""; flex: none; width: 20px; height: 20px; border-radius: 50%;
  border: 2.5px solid var(--border); border-top-color: var(--accent);
  animation: silme-don 0.9s linear infinite;
}
@keyframes silme-don { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .silme-bekle::before { animation: none; } }

/* Google'ın kendi düğmesi bu kabın içine çizilir (iframe); yer önceden ayrılır, sayfa kaymasın */
.google-dugme { min-height: 44px; }

.silme-not { font-size: var(--t-small); color: var(--text3) !important; }
.silme-uyari {
  padding: 12px 14px; border-radius: var(--radius-control);
  background: var(--surface2); color: var(--text1) !important;
}

/* JavaScript yoksa kart gizli kalır, yerine bu paragraf görünür */
.silme-yedek { margin-top: clamp(32px, 5vh, 48px); max-width: 40rem; }