/* ============================================================
   22. SVG IKON SISTEMI HIZALAMASI
   ============================================================ */
.ft-ico{
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; flex-shrink: 0;
  color: var(--primary-l); opacity: .95;
}
.ft-ico svg{ display: block; width: 15px; height: 15px; stroke-width: 2; }
.site-footer a:hover .ft-ico{ color: #fff; }

.nav-cta svg, .user-dropdown a svg{
  display: inline-block; vertical-align: -2px; margin-right: 2px; flex-shrink: 0;
}
.user-dropdown a{ display: flex; align-items: center; gap: 8px; }
.user-dropdown a svg{ color: var(--muted); }
.user-dropdown a:hover svg{ color: var(--primary); }
.user-dropdown a.danger svg{ color: #B4132F; }
.nav-cta{ display: inline-flex; align-items: center; gap: 6px; }

.admin-nav-link span:first-child{
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; flex-shrink: 0;
}
.admin-nav-link span:first-child svg{ display: block; }
.admin-brand span:first-child{ display: inline-flex; align-items: center; }

/* ============================================================
   23. BASLIK GORUNUMU (KIRPMA YOK)
   ============================================================ */
.entry-title{
  font-size: clamp(1.35rem, 2.6vw, 1.72rem);
  font-weight: 900;
  line-height: 1.28;
  letter-spacing: -.02em;
  margin: 0 0 16px;
  color: var(--text);
  /* Uzun basliklar kesilmez, satira boluner */
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
  max-width: 42ch;
}
@media (max-width: 640px){
  .entry-title{ font-size: 1.24rem; line-height: 1.32; max-width: none; }
}

/* Liste kartlarinda kelime ortasindan kesme yerine satir sinirlama */
.clamp-2{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere;
}
.clamp-3{
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere;
}


/* ═══ 24. ICERIK LISTELERI VE YAPISTIRILAN METIN ═══
   Global reset (* { padding:0 }) ol/ul girintisini sifirliyordu; bu yuzden
   baska sayfadan kopyalanan "1. 2. 3." listeleri tamamen sola yapisik
   goruntuleniyordu. Asagidaki kurallar icerik alanlarinda girintiyi ve
   madde isaretlerini geri getirir. */
.legal-content ol, .legal-content ul,
.article-body ol, .article-body ul,
.comment-body ol, .comment-body ul,
.rich-area ol, .rich-area ul {
  padding-left: 1.7em;
  margin: 0 0 14px;
  list-style-position: outside;
}
.legal-content ol, .article-body ol, .comment-body ol, .rich-area ol { list-style-type: decimal; }
.legal-content ul, .article-body ul, .comment-body ul, .rich-area ul { list-style-type: disc; }
.legal-content li, .article-body li, .comment-body li, .rich-area li {
  margin: 0 0 7px;
  padding-left: 3px;
  line-height: 1.8;
  font-size: inherit;
  color: inherit;
}
.legal-content li::marker, .article-body li::marker { color: var(--primary); font-weight: 700; }
.legal-content ol ol, .legal-content ul ul,
.article-body ol ol, .article-body ul ul { margin: 7px 0 0; }
.legal-content ol ol, .article-body ol ol { list-style-type: lower-alpha; }
.legal-content ul ul, .article-body ul ul { list-style-type: circle; }

/* Yapistirilan icerik kutudan tasmasin */
.legal-content, .article-body { overflow-wrap: anywhere; }
.legal-content img, .article-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 10px 0; }
.legal-content table, .article-body table {
  width: 100%; border-collapse: collapse; margin: 0 0 14px; font-size: .85rem;
  display: block; overflow-x: auto;
}
.legal-content th, .legal-content td, .article-body th, .article-body td {
  border: 1px solid var(--border); padding: 8px 10px; text-align: left;
}
.legal-content blockquote, .article-body blockquote {
  margin: 0 0 14px; padding: 10px 16px;
  border-left: 3px solid var(--primary);
  background: var(--bg3); border-radius: 0 8px 8px 0; color: var(--text2);
}
.legal-content a, .article-body a { color: var(--accent); text-decoration: underline; }
.legal-content h2, .article-body h2 { font-size: 1.12rem; font-weight: 800; margin: 24px 0 10px; }
.legal-content h3, .article-body h3 { font-size: 1rem; font-weight: 700; margin: 20px 0 8px; }

@media (max-width: 640px) {
  .legal-content ol, .legal-content ul,
  .article-body ol, .article-body ul { padding-left: 1.4em; }
  .legal-content li, .article-body li { margin-bottom: 8px; }
}


/* ═══ 25. MOBIL BASLIK TASMA DUZELTMESI ═══
   Sorun: 390px genislikte marka + islem butonlari + hamburger tek satira
   sigmiyor, sayfa 110px yatay kayiyordu. Cozum: ogelerin daralmasina izin ver.
   ---------------------------------------------------------------- */

/* Guvenlik agi: hicbir sayfa yatay kaymasin */
html { overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100%; }

@media (max-width: 1024px) {
  .navbar { gap: 8px; flex-wrap: nowrap; }
  /* Marka artik daralabilir (onceden flex-shrink:0 idi) */
  .brand { flex: 0 1 auto; min-width: 0; overflow: hidden; }
  .brand-text { min-width: 0; overflow: hidden; }
  .brand-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .nav-actions { min-width: 0; flex-shrink: 1; }
}

@media (max-width: 600px) {
  .navbar { gap: 6px; height: 58px; }
  .brand { gap: 7px; }
  .brand-icon { width: 28px; height: 28px; }
  .brand-line { font-size: .88rem; }
  .brand-text small { display: none; }
  .nav-actions { gap: 5px; }
  .nav-actions .btn { padding: 6px 10px; font-size: .74rem; white-space: nowrap; }
  .nav-search-btn { width: 32px; height: 32px; flex-shrink: 0; }
  .hamburger { width: 34px; height: 34px; flex-shrink: 0; margin-left: 0; }
  .hamburger svg { width: 18px; height: 18px; }
  .user-name { display: none; }
}

@media (max-width: 400px) {
  /* En dar ekranlarda arama butonu gizlenir; arama menude ve sayfada mevcut */
  .nav-search-btn { display: none; }
  .nav-actions .btn { padding: 5px 9px; font-size: .71rem; }
  .brand-line { font-size: .82rem; }
  .brand-icon { width: 26px; height: 26px; }
}

/* Genis tablolar icin kaydirma kutusu (ui-v8.js tarafindan eklenir) */
.table-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 12px 0; }
.table-scroll table { margin: 0; min-width: 480px; }

/* data-copy geri bildirimi */
[data-copy] { cursor: pointer; }
[data-copy].copied { outline: 2px solid var(--primary); outline-offset: 2px; }

/* Gorunume girince beliren ogeler */
[data-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .45s ease; }
[data-reveal].revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* § 26 — MOBILDE SIKAYET YAZ BUTONU GIZLENIR
   main.css (max-width:860px) icinde .nav-cta gizleniyordu; bu dosya sonra
   yuklendigi icin yukaridaki display:inline-flex kurali onu geri aciyordu.
   Mobilde buton hem yer kapliyor hem de arama/menu ile sikisiyordu.
   Ayni islev mobil menu ve kullanici menusu icinde zaten mevcut. */
@media (max-width: 860px) {
  .nav-cta { display: none !important; }
}

/* § 27 — KULLANILAN HESAP DETAY SAYFASI */
.uad-wrap { max-width: 820px; margin: 24px auto 60px; }
.uad-article { background: #fff; border: 1px solid #e7e9ee; border-radius: 16px; padding: 28px; }
.uad-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.uad-badge { display: inline-flex; align-items: center; padding: 4px 11px; border-radius: 999px;
  font-size: .78rem; font-weight: 700; background: #f2f4f7; color: #475467; }
.uad-badge-status { background: #fef3c7; color: #92400e; }
.uad-badge-count { background: #fee2e2; color: #b42318; }
.uad-title { font-size: 1.55rem; line-height: 1.3; font-weight: 800; color: #101828; margin: 0 0 12px; word-break: break-word; }
.uad-meta { display: flex; flex-wrap: wrap; gap: 16px; font-size: .85rem; color: #667085; margin-bottom: 22px; }
.uad-card { border: 1px solid #e7e9ee; border-radius: 12px; overflow: hidden; margin-bottom: 18px; }
.uad-row { display: flex; gap: 14px; padding: 12px 16px; border-bottom: 1px solid #f1f3f7; align-items: center; }
.uad-row:last-child { border-bottom: 0; }
.uad-label { flex: 0 0 150px; font-size: .82rem; font-weight: 700; color: #667085; }
.uad-value { font-size: .95rem; color: #101828; font-weight: 600; word-break: break-word; }
.uad-iban-wrap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.uad-iban { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .95rem;
  background: #f8f9fc; border: 1px solid #e7e9ee; border-radius: 8px; padding: 6px 10px; color: #101828; }
.uad-disclaimer { background: #fffbeb; border: 1px solid #fde68a; border-left: 4px solid #f59e0b;
  border-radius: 10px; padding: 14px 16px; font-size: .88rem; line-height: 1.65; color: #713f12; margin-bottom: 24px; }
.uad-disclaimer a { color: #92400e; font-weight: 700; }
.uad-body { font-size: 1rem; line-height: 1.8; color: #344054; }
.uad-body .ua-lead { font-size: 1.06rem; line-height: 1.75; color: #101828; font-weight: 500; margin-bottom: 22px; }
.uad-body h2 { font-size: 1.18rem; font-weight: 800; color: #101828; margin: 30px 0 12px; line-height: 1.35; }
.uad-body p { margin-bottom: 14px; }
.uad-body ol, .uad-body ul { margin: 0 0 16px; padding-left: 22px; }
.uad-body li { margin-bottom: 9px; }
.uad-body a { color: #2563eb; font-weight: 600; }
.uad-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; padding-top: 22px; border-top: 1px solid #eef0f4; }
.uad-related { margin-top: 34px; }
.uad-related-title { font-size: 1.1rem; font-weight: 800; color: #101828; margin-bottom: 14px; }
.uad-related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.uad-related-item { display: block; background: #fff; border: 1px solid #e7e9ee; border-radius: 12px;
  padding: 14px; text-decoration: none; transition: border-color .15s, transform .15s; }
.uad-related-item:hover { border-color: #c7cbd4; transform: translateY(-2px); }
.uad-related-name { display: block; font-weight: 700; color: #101828; font-size: .92rem; margin-bottom: 4px; }
.uad-related-bank { display: block; font-size: .78rem; color: #667085; margin-bottom: 6px; }
.uad-related-iban { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .82rem; color: #475467; word-break: break-all; }
.ua-name-link { color: #1d4ed8; text-decoration: none; font-weight: 700; }
.ua-name-link:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .uad-article { padding: 18px 15px; border-radius: 12px; }
  .uad-title { font-size: 1.24rem; }
  .uad-row { flex-direction: column; align-items: flex-start; gap: 5px; }
  .uad-label { flex: none; }
  .uad-iban { font-size: .82rem; }
  .uad-body { font-size: .96rem; }
  .uad-body h2 { font-size: 1.08rem; }
  .uad-actions .btn { width: 100%; justify-content: center; }
}

/* § 28 — ERIŞİLEBİLİRLİK: ASGARİ OKUNABİLİR YAZI BOYUTU
   Mobilde 12px altındaki gövde metni hem okunmuyor hem de Google'ın
   "Mobile Usability" raporunda uyarı üretiyordu. Footer alt bandı 11.68px idi. */
.ft-bottom,
.ft-bottom span,
.ft-bottom p,
.ft-bottom a { font-size: .8rem; line-height: 1.6; }

@media (max-width: 640px) {
  .ft-bottom,
  .ft-bottom span,
  .ft-bottom p,
  .ft-bottom a { font-size: .82rem; }
  .uad-related-iban { font-size: .84rem; }
}