@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ================================================================
   WOODMART & TEMA İZOLASYONU
   Tüm .tf-wrap içi elementler temadan bağımsız çalışır
   ================================================================ */

/* Tema button stillerini sıfırla */
.tf-wrap button,
.tf-wrap a.button,
.tf-wrap input[type="button"],
.tf-wrap input[type="submit"] {
  all: unset;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--tf-font) !important;
  line-height: 1.4 !important;
  overflow: visible !important;
  vertical-align: middle !important;
}

/* Tema link stillerini sıfırla */
.tf-wrap a {
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-bottom: none !important;
}

/* Tema input stillerini sıfırla */
.tf-wrap input,
.tf-wrap textarea,
.tf-wrap select {
  font-family: var(--tf-font) !important;
  box-shadow: none !important;
  outline: none !important;
}
.tf-wrap input:focus,
.tf-wrap textarea:focus,
.tf-wrap select:focus {
  box-shadow: none !important;
}

/* Tema p, h1-h6 margin/padding sıfırla */
.tf-wrap p  { margin: 0 0 12px; padding: 0; }
.tf-wrap p:last-child { margin-bottom: 0; }
.tf-wrap h1, .tf-wrap h2, .tf-wrap h3,
.tf-wrap h4, .tf-wrap h5, .tf-wrap h6 {
  margin: 0; padding: 0;
  line-height: 1.3;
  font-family: var(--tf-font) !important;
}

/* Tema ul/li stillerini sıfırla */
.tf-wrap ul, .tf-wrap ol { list-style: none !important; margin: 0; padding: 0; }
/* İçerik içindeki listeler hariç */
.tf-yazi-govde ul { list-style: disc !important; padding-left: 22px !important; }
.tf-yazi-govde ol { list-style: decimal !important; padding-left: 22px !important; }

/* ================================================================ */

/* ================================================================
   TURKCE FORUM v2 — Modern Temiz Tasarim
   Tum renkler CSS degiskeni, UTF-8 sorun yok
   ================================================================ */


/* ── Degiskenler ─────────────────────────────────────────────── */
:root {
  --tf-mavi:       #4F46E5;
  --tf-mavi-ac:    rgba(var(--tf-mavi-rgb, 79,70,229),0.08);
  --tf-mavi-ko:    #3730A3;
  --tf-mavi-orta:  #6366F1;
  --tf-yesil:      #059669;
  --tf-kirmizi:    #DC2626;
  --tf-sari:       #D97706;

  --tf-bg:         #F3F4F6;
  --tf-kart:       #FFFFFF;
  --tf-kenar:      #E5E7EB;
  --tf-kenar-ko:   #D1D5DB;

  --tf-metin:      #111827;
  --tf-metin2:     #374151;
  --tf-metin3:     #6B7280;
  --tf-metin4:     #9CA3AF;

  --tf-yaricap:    10px;
  --tf-yaricap-lg: 14px;
  --tf-gecis:      0.15s ease;
  --tf-golge:      0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --tf-golge-md:   0 4px 12px rgba(0,0,0,0.08);
  --tf-font:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ── Reset ───────────────────────────────────────────────────── */
.tf-wrap, .tf-wrap * { box-sizing: border-box; }
.tf-wrap img { max-width: 100%; }

/* ── Tema wrapper override — forumu tam genişlikte göster ────── */
/* body background kaldırıldı - tema footer'ını bozuyordu */
.tf-wrap {
  background: var(--tf-bg);
}

/* Tema içerik alanını sıfırla - sadece içerik, header/footer değil */
/* Sadece içerik alanlarını genişlet, header/footer hariç */
body.tf-forum-sayfasi .site-content:not(footer *),
body.tf-forum-sayfasi .content-area:not(footer *),
body.tf-forum-sayfasi #content:not(footer *),
body.tf-forum-sayfasi #primary:not(footer *),
body.tf-forum-sayfasi .entry-content:not(footer *),
body.tf-forum-sayfasi .post-content:not(footer *),
body.tf-forum-sayfasi article.page:not(footer *) {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
}

/* ── Layout ──────────────────────────────────────────────────── */
.tf-wrap {
  display: flex;
  gap: 24px;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 28px 24px 60px;
  font-family: var(--tf-font);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--tf-metin);
  background: var(--tf-bg);
  min-height: 60vh;
}

/* ── Sidebar ─────────────────────────────────────────────────── */
.tf-sidebar {
  width: 340px;
  min-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: sticky;
  top: 80px;
  align-self: flex-start;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--tf-kenar) transparent;
}

.tf-sb-card {
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  padding: 16px;
  box-shadow: var(--tf-golge);
}

.tf-sb-baslik {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--tf-metin4);
  margin-bottom: 10px;
}

/* Sidebar profil */
.tf-sb-profil { display: flex; flex-direction: column; gap: 12px; }

.tf-sb-profil-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  border-radius: var(--tf-yaricap);
  padding: 4px;
  transition: background var(--tf-gecis);
}
.tf-sb-profil-link:hover { background: var(--tf-bg); }

.tf-sb-profil-bilgi strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--tf-metin);
}
.tf-sb-profil-bilgi span {
  font-size: 12px;
  color: var(--tf-metin3);
}

/* Sidebar giris */
.tf-sb-giris { display: flex; flex-direction: column; gap: 10px; }
.tf-sb-giris p { font-size: 13px; color: var(--tf-metin3); }
.tf-sb-giris-butonlar { display: flex; flex-direction: column; gap: 6px; }

/* Sidebar nav */
.tf-sb-nav { display: flex; flex-direction: column; gap: 2px; }

.tf-sb-nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--tf-yaricap);
  text-decoration: none;
  color: var(--tf-metin3);
  font-size: 13.5px;
  font-weight: 500;
  transition: background var(--tf-gecis), color var(--tf-gecis);
  cursor: pointer;
}
.tf-sb-nav-item:hover { background: var(--tf-mavi-ac); color: var(--tf-mavi); }
.tf-sb-nav-item.aktif { background: var(--tf-mavi-ac); color: var(--tf-mavi); font-weight: 600; }

.tf-sb-kat-nokta {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.tf-sb-nav-adi { flex: 1; }
.tf-sb-nav-sayi {
  font-size: 11px;
  background: var(--tf-bg);
  color: var(--tf-metin4);
  padding: 1px 6px;
  border-radius: 20px;
  min-width: 20px;
  text-align: center;
}
.tf-sb-nav-item.aktif .tf-sb-nav-sayi { background: rgba(var(--tf-mavi-rgb),0.15); color: var(--tf-mavi); }

/* Sidebar istatistik */
.tf-sb-istat {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 6px;
  margin-bottom: 10px;
}
.tf-sb-istat-item { display: flex; flex-direction: column; align-items: center; gap: 1px; }
.tf-sb-istat-sayi { font-size: 18px; font-weight: 700; color: var(--tf-mavi); }
.tf-sb-istat-ad   { font-size: 10px; color: var(--tf-metin4); text-transform: uppercase; letter-spacing: 0.04em; }
.tf-sb-son-uye    { font-size: 12px; color: var(--tf-metin3); margin-top: 6px; border-top: 1px solid var(--tf-kenar); padding-top: 8px; }
.tf-sb-son-uye a  { color: var(--tf-mavi); text-decoration: none; }
.tf-sb-son-uye a:hover { text-decoration: underline; }

/* ── Ana icerik ───────────────────────────────────────────────── */
.tf-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ── Ust bar ──────────────────────────────────────────────────── */
.tf-main-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.tf-main-baslik-grup { display: flex; align-items: baseline; gap: 10px; }
.tf-main-baslik { font-size: 18px; font-weight: 700; color: var(--tf-metin); }
.tf-main-sayi   { font-size: 13px; color: var(--tf-metin4); }
.tf-main-aksiyonlar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* ── Butonlar ─────────────────────────────────────────────────── */
.tf-btn-ana, .tf-btn-ikincil, .tf-btn-yeni-konu {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  border-radius: var(--tf-yaricap) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border: none !important;
  font-family: var(--tf-font) !important;
  transition: background var(--tf-gecis), transform var(--tf-gecis), box-shadow var(--tf-gecis) !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.tf-btn-ana {
  background: var(--tf-mavi) !important;
  color: #fff !important;
}
.tf-btn-ana:hover {
  background: var(--tf-mavi-ko) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(var(--tf-mavi-rgb),0.35) !important;
}
.tf-btn-ana:active { transform: scale(0.97) !important; }

.tf-btn-ikincil {
  background: var(--tf-kart) !important;
  color: var(--tf-metin2) !important;
  border: 1px solid var(--tf-kenar) !important;
}
.tf-btn-ikincil:hover {
  background: var(--tf-bg) !important;
  color: var(--tf-metin) !important;
  border-color: var(--tf-kenar-ko) !important;
}

.tf-btn-yeni-konu {
  background: var(--tf-mavi) !important;
  color: #fff !important;
  width: 100% !important;
  justify-content: center !important;
  padding: 9px 14px !important;
  border-radius: var(--tf-yaricap) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.tf-btn-yeni-konu:hover { background: var(--tf-mavi-ko) !important; color: #fff !important; }

.tf-btn-buyuk { padding: 10px 22px !important; font-size: 14.5px !important; }

/* ── Arama formu ──────────────────────────────────────────────── */
.tf-arama-formu {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: 22px;
  padding: 6px 14px;
  transition: border-color var(--tf-gecis), box-shadow var(--tf-gecis);
}
.tf-arama-formu:focus-within {
  border-color: var(--tf-mavi);
  box-shadow: 0 0 0 3px rgba(var(--tf-mavi-rgb),0.1);
}
.tf-arama-formu .tf-ikon { color: var(--tf-metin4); flex-shrink: 0; }
.tf-arama-input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 13.5px;
  color: var(--tf-metin);
  width: 200px;
  font-family: var(--tf-font);
}
.tf-arama-input::placeholder { color: var(--tf-metin4); }

/* Buyuk arama (arama sayfasi) */
.tf-arama-buyuk-form { margin-bottom: 4px; }
.tf-arama-buyuk-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--tf-kart);
  border: 1.5px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  padding: 10px 16px;
  box-shadow: var(--tf-golge);
  transition: border-color var(--tf-gecis), box-shadow var(--tf-gecis);
}
.tf-arama-buyuk-wrap:focus-within {
  border-color: var(--tf-mavi);
  box-shadow: 0 0 0 3px rgba(var(--tf-mavi-rgb),0.1);
}
.tf-arama-buyuk-wrap .tf-ikon { color: var(--tf-metin4); }
.tf-arama-buyuk-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  color: var(--tf-metin);
  font-family: var(--tf-font);
}
.tf-arama-ozet { font-size: 13px; color: var(--tf-metin3); padding: 4px 0; }

/* ── Konu listesi ─────────────────────────────────────────────── */
.tf-konu-listesi {
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  overflow: hidden;
  box-shadow: var(--tf-golge);
}

.tf-konu-satir {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--tf-kenar);
  transition: background var(--tf-gecis);
}
.tf-konu-satir:last-child { border-bottom: none; }
.tf-konu-satir:hover { background: #FAFBFF; }
.tf-konu-satir.sabitlenmis { background: #FFFBEB; }
.tf-konu-satir.sabitlenmis:hover { background: #FEF9E7; }

.tf-ks-avatar { flex-shrink: 0; }

.tf-avatar {
  display: block;
  border-radius: 50% !important;
  object-fit: cover;
}

.tf-ks-bilgi { flex: 1; min-width: 0; }
.tf-ks-bilgi-tam { flex: 1; }

.tf-ks-ust {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.tf-ks-baslik {
  display: block;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--tf-metin);
  text-decoration: none;
  line-height: 1.35;
  margin-bottom: 5px;
  transition: color var(--tf-gecis);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tf-ks-baslik:hover { color: var(--tf-mavi); }

.tf-ks-alt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--tf-metin4);
  flex-wrap: wrap;
}
.tf-ks-alt span { display: inline-flex; align-items: center; gap: 3px; }

.tf-ks-kat {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  background: color-mix(in srgb, var(--kat, #4F46E5) 12%, #fff);
  color: var(--kat, #4F46E5);
  white-space: nowrap;
}

.tf-ks-sayaclar {
  display: flex;
  gap: 14px;
  flex-shrink: 0;
  align-items: center;
}
.tf-ks-sayac {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  min-width: 36px;
  color: var(--tf-metin4);
}
.tf-ks-sayac .tf-ikon { color: var(--tf-metin4); transition: color var(--tf-gecis); }
.tf-konu-satir:hover .tf-ks-sayac .tf-ikon { color: var(--tf-metin3); }
.tf-konu-satir:hover .tf-ks-sayi { color: var(--tf-metin2); }
.tf-ks-sayi  { font-size: 13px; font-weight: 600; color: var(--tf-metin3); line-height: 1; }

/* Mobilde ikon+rakam — alt satırda görünür */
.tf-ks-sayac-inline {
  display: none;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  color: var(--tf-metin4);
}
.tf-ks-sayac-inline span { font-weight: 600; color: var(--tf-metin3); }

/* ── Badge / rozet ───────────────────────────────────────────── */
.tf-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}
.tf-badge-sabit  { background: #FEF3C7; color: #92400E; }
.tf-badge-kapali { background: #F3F4F6; color: #6B7280; }

.tf-etiket {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 20px;
  background: var(--tf-bg);
  color: var(--tf-metin3);
  font-size: 11.5px;
  font-weight: 500;
}

/* ── Konu sayfasi ─────────────────────────────────────────────── */
.tf-main-konu { gap: 12px; }

.tf-breadcrumb {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: var(--tf-metin4);
  flex-wrap: wrap;
}
.tf-breadcrumb a { color: var(--tf-metin3); text-decoration: none; }
.tf-breadcrumb a:hover { color: var(--tf-mavi); }
.tf-breadcrumb .tf-ikon { color: var(--tf-metin4); flex-shrink: 0; }

/* Yazi karti (konu + yanit ayni kart yapisi) */
.tf-yazi {
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  display: flex;
  gap: 16px;
  padding: 20px;
  box-shadow: var(--tf-golge);
}
.tf-yazi-ana { border-left: 3px solid var(--tf-mavi); }

.tf-yazi-sol {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 52px;
  flex-shrink: 0;
}
.tf-yazi-avatar-link { display: block; }
.tf-yazi-yazar-adi {
  font-size: 10.5px;
  color: var(--tf-metin4);
  text-align: center;
  max-width: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tf-yazi-icerik { flex: 1; min-width: 0; }

.tf-yazi-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.tf-meta-yazar {
  font-size: 14px;
  font-weight: 600;
  color: var(--tf-metin);
  text-decoration: none;
}
.tf-meta-yazar:hover { color: var(--tf-mavi); }
.tf-meta-ayrac { color: var(--tf-metin4); }
.tf-meta-zaman { font-size: 13px; color: var(--tf-metin4); }
.tf-meta-kat {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: 4px;
  font-size: 11.5px;
  font-weight: 600;
  text-decoration: none;
  background: color-mix(in srgb, var(--kat, #4F46E5) 12%, #fff);
  color: var(--kat, #4F46E5);
}

.tf-konu-baslik {
  font-size: 20px;
  font-weight: 700;
  color: var(--tf-metin);
  margin-bottom: 14px;
  line-height: 1.35;
}

.tf-yazi-govde {
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--tf-metin2);
}
.tf-yazi-govde p        { margin-bottom: 12px; }
.tf-yazi-govde p:last-child { margin-bottom: 0; }
.tf-yazi-govde h2,
.tf-yazi-govde h3       { font-weight: 600; margin: 18px 0 8px; }
.tf-yazi-govde ul,
.tf-yazi-govde ol       { padding-left: 22px; margin-bottom: 12px; }
.tf-yazi-govde li       { margin-bottom: 4px; }
.tf-yazi-govde blockquote {
  border-left: 3px solid var(--tf-mavi);
  padding-left: 14px;
  color: var(--tf-metin3);
  font-style: italic;
  margin: 12px 0;
}
.tf-yazi-govde code {
  background: #F1F5F9;
  color: #0F172A;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'Fira Code', Consolas, monospace;
}
.tf-yazi-govde pre {
  background: #1E293B;
  color: #E2E8F0;
  padding: 16px;
  border-radius: var(--tf-yaricap);
  overflow-x: auto;
  margin: 14px 0;
  font-size: 13px;
}
.tf-yazi-govde pre code { background: none; color: inherit; padding: 0; }
.tf-yazi-govde a { color: var(--tf-mavi); }
.tf-yazi-govde a:hover { text-decoration: underline; }
.tf-yazi-govde img { max-width: 100%; border-radius: var(--tf-yaricap); margin: 8px 0; }

.tf-etiket-grup {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}

.tf-yazi-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--tf-kenar) !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
.tf-yazi-sayaclar {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12.5px;
  color: var(--tf-metin4);
}
.tf-yazi-sayaclar .tf-ikon { flex-shrink: 0; }

.tf-yazi-aksiyonlar {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}

/* Begeni butonu */
.tf-begeni-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 5px 10px !important;
  min-height: 30px !important;
  border-radius: 20px !important;
  border: 1px solid var(--tf-kenar) !important;
  background: var(--tf-kart) !important;
  color: var(--tf-metin3) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all var(--tf-gecis) !important;
  font-family: var(--tf-font) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  overflow: visible !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.tf-begeni-btn:hover       { border-color: #FCA5A5 !important; background: #FFF1F2 !important; color: #E11D48 !important; box-shadow: none !important; }
.tf-begeni-btn.aktif       { border-color: #FCA5A5 !important; background: #FFF1F2 !important; color: #E11D48 !important; }
.tf-begeni-btn.aktif .tf-ikon path { fill: #E11D48; stroke: #E11D48; }
.tf-begeni-yazi            { display: none !important; }

/* Silme butonu */
.tf-sil-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px 10px !important;
  border-radius: var(--tf-yaricap) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--tf-metin4) !important;
  font-size: 12.5px !important;
  cursor: pointer !important;
  transition: all var(--tf-gecis) !important;
  font-family: var(--tf-font) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}
.tf-sil-btn:hover { color: var(--tf-kirmizi) !important; background: #FEF2F2 !important; border-color: #FECACA !important; box-shadow: none !important; }

/* Yanitlar baslik */
.tf-yanitlar-baslik {
  font-size: 13px;
  font-weight: 600;
  color: var(--tf-metin3);
  padding: 4px 2px;
  border-bottom: 2px solid var(--tf-kenar);
}
.tf-yanitlar { display: flex; flex-direction: column; gap: 10px; }

/* Yanit formu */
.tf-yanit-formu-kart {
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  padding: 18px;
  box-shadow: var(--tf-golge);
}
.tf-yanit-formu-ust {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--tf-kenar);
}
.tf-yanit-formu-baslik { font-weight: 600; font-size: 14px; color: var(--tf-metin2); }
.tf-yanit-formu-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.tf-karakter-sayac { font-size: 11.5px; color: var(--tf-metin4); }

/* Form elemanlari */
.tf-form-kart {
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  padding: 24px 28px;
  box-shadow: var(--tf-golge);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.tf-form-kart-baslik {
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--tf-kenar);
  margin-bottom: 2px;
}
.tf-form-kart-baslik-kucuk { font-size: 15px; }

.tf-form-iki-sutun {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.tf-form-grup { display: flex; flex-direction: column; gap: 6px; }

.tf-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--tf-metin2);
}
.tf-zorunlu { color: var(--tf-kirmizi); }
.tf-form-ipucu { font-size: 11.5px; color: var(--tf-metin4); }

.tf-input, .tf-select, .tf-textarea {
  padding: 9px 13px;
  border: 1.5px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap);
  background: var(--tf-kart);
  font-size: 14px;
  color: var(--tf-metin);
  font-family: var(--tf-font);
  outline: none;
  width: 100%;
  transition: border-color var(--tf-gecis), box-shadow var(--tf-gecis);
}
.tf-input:focus, .tf-select:focus, .tf-textarea:focus {
  border-color: var(--tf-mavi);
  box-shadow: 0 0 0 3px rgba(var(--tf-mavi-rgb),0.1);
}
.tf-input::placeholder, .tf-textarea::placeholder { color: var(--tf-metin4); }

.tf-textarea        { resize: vertical; min-height: 90px; line-height: 1.6; }
.tf-textarea-buyuk  { min-height: 220px; }

.tf-form-alt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--tf-kenar);
}

/* ── Profil sayfasi ───────────────────────────────────────────── */
.tf-profil-kart {
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  overflow: hidden;
  box-shadow: var(--tf-golge);
}
.tf-profil-ust {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 24px;
  flex-wrap: wrap;
}
.tf-avatar-buyuk { width: 80px !important; height: 80px !important; }

.tf-profil-bilgi { flex: 1; min-width: 200px; }
.tf-profil-ad    { font-size: 20px; font-weight: 700; margin-bottom: 2px; }
.tf-profil-login { font-size: 13px; color: var(--tf-metin4); margin-bottom: 8px; display: block; }
.tf-profil-bio   { font-size: 14px; color: var(--tf-metin2); margin-bottom: 10px; }
.tf-profil-meta  {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12.5px;
  color: var(--tf-metin3);
}
.tf-profil-meta span,
.tf-profil-meta a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: var(--tf-metin3);
}
.tf-profil-meta a:hover { color: var(--tf-mavi); }

.tf-profil-istatistikler {
  display: flex;
  gap: 22px;
  background: var(--tf-bg);
  padding: 14px 24px;
  border-top: 1px solid var(--tf-kenar);
  flex-wrap: wrap;
}
.tf-profil-istat { display: flex; flex-direction: column; align-items: center; gap: 1px; }
.tf-profil-istat strong { font-size: 20px; font-weight: 700; color: var(--tf-mavi); }
.tf-profil-istat span   { font-size: 11px; color: var(--tf-metin4); text-transform: uppercase; letter-spacing: 0.04em; }

.tf-profil-rozetler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 14px 24px;
  border-top: 1px solid var(--tf-kenar);
}
.tf-rozet-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--rozet-renk, #F59E0B) 10%, #fff);
  color: var(--rozet-renk, #F59E0B);
  border: 1px solid color-mix(in srgb, var(--rozet-renk, #F59E0B) 25%, #fff);
  font-size: 12px;
  font-weight: 600;
  cursor: help;
}

.tf-profil-konular { display: flex; flex-direction: column; gap: 12px; }
.tf-blok-baslik {
  font-size: 15px;
  font-weight: 700;
  color: var(--tf-metin);
  padding-bottom: 10px;
  border-bottom: 2px solid var(--tf-kenar);
}

/* ── Kategori sayfasi ─────────────────────────────────────────── */
.tf-kat-banner {
  background: color-mix(in srgb, var(--kat-renk, #4F46E5) 8%, #fff);
  border: 1px solid color-mix(in srgb, var(--kat-renk, #4F46E5) 20%, #fff);
  border-radius: var(--tf-yaricap-lg);
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.tf-kat-banner-icerik { display: flex; align-items: center; gap: 12px; }
.tf-kat-banner-nokta  { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; }
.tf-kat-baslik        { font-size: 17px; font-weight: 700; }
.tf-kat-aciklama      { font-size: 13px; color: var(--tf-metin3); margin-top: 2px; }
.tf-kat-sayi          { font-size: 12px; color: var(--tf-metin4); white-space: nowrap; }

/* ── Duyuru / bilgi kutulari ─────────────────────────────────── */
.tf-bilgi-kutu {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #F3F4F6;
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  padding: 14px 18px;
  color: var(--tf-metin3);
  font-size: 14px;
}
.tf-giris-kutu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: var(--tf-mavi-ac);
  border: 1px solid rgba(var(--tf-mavi-rgb),0.2);
  border-radius: var(--tf-yaricap-lg);
  padding: 28px;
  text-align: center;
  color: var(--tf-mavi);
}
.tf-giris-kutu p { font-size: 14px; }
.tf-giris-kutu a { color: var(--tf-mavi); font-weight: 600; }

.tf-bos-durum {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  padding: 52px 24px;
  text-align: center;
  color: var(--tf-metin4);
}

.tf-hata-kutu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap-lg);
  padding: 52px 24px;
  text-align: center;
  color: var(--tf-metin4);
  margin: 24px auto;
  max-width: 500px;
}

.tf-uyari-kutu, .tf-basari-kutu {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  border-radius: var(--tf-yaricap);
  font-size: 13.5px;
  font-weight: 500;
}
.tf-uyari-kutu  { background: #FEF3C7; border: 1px solid #FDE68A; color: #92400E; }
.tf-basari-kutu { background: #D1FAE5; border: 1px solid #A7F3D0; color: #065F46; }
.gizli { display: none !important; }

/* ── Arama sonuclari ─────────────────────────────────────────── */
.tf-arama-snippet {
  font-size: 12.5px;
  color: var(--tf-metin3);
  margin: 4px 0 5px;
  line-height: 1.5;
}
.tf-arama-snippet mark { background: #FEF9C3; color: #854D0E; border-radius: 2px; padding: 0 2px; }

/* ── Sayfalama ────────────────────────────────────────────────── */
.tf-sayfalama {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 20px 0 10px !important;
  list-style: none !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
}
.tf-wrap .tf-sayfalama a.tf-sayfa-btn,
.tf-wrap .tf-sayfalama a.tf-sayfa-btn:link,
.tf-wrap .tf-sayfalama a.tf-sayfa-btn:visited,
a.tf-sayfa-btn,
.tf-sayfa-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: var(--tf-yaricap) !important;
  background: var(--tf-kart) !important;
  border: 1.5px solid var(--tf-kenar) !important;
  color: var(--tf-metin3) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  font-family: var(--tf-font) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;
  visibility: visible !important;
  opacity: 1 !important;
  float: none !important;
  margin: 0 !important;
}
.tf-wrap .tf-sayfalama a.tf-sayfa-btn:hover,
a.tf-sayfa-btn:hover,
.tf-sayfa-btn:hover {
  background: var(--tf-bg) !important;
  color: var(--tf-mavi) !important;
  border-color: var(--tf-mavi) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.tf-wrap .tf-sayfalama a.tf-sayfa-btn.aktif,
a.tf-sayfa-btn.aktif,
.tf-sayfa-btn.aktif {
  background: var(--tf-mavi) !important;
  color: #fff !important;
  border-color: var(--tf-mavi) !important;
  font-weight: 700 !important;
}

/* ── Daha fazla yukle ─────────────────────────────────────────── */
.tf-daha-fazla-wrap { text-align: center; padding: 16px 0 4px; }

/* ── Kategori banner ─────────────────────────────────────────── */
.tf-kat-banner-detay { background: var(--tf-bg); }

/* ── Toast bildirimleri ─────────────────────────────────────── */
.tf-toast-stack {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}
.tf-toast {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: var(--tf-yaricap);
  font-size: 13.5px;
  font-weight: 500;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  pointer-events: auto;
  animation: tf-toast-giris 0.25s ease;
  max-width: 360px;
}
.tf-toast-basari { background: #D1FAE5; color: #065F46; border: 1px solid #A7F3D0; }
.tf-toast-hata   { background: #FEE2E2; color: #991B1B; border: 1px solid #FECACA; }
.tf-toast-uyari  { background: #FEF3C7; color: #92400E; border: 1px solid #FDE68A; }
.tf-toast-bilgi  { background: var(--tf-mavi-ac); color: var(--tf-mavi-ko); border: 1px solid rgba(var(--tf-mavi-rgb),0.25); }
.tf-toast.cikis  { animation: tf-toast-cikis 0.3s ease forwards; }
@keyframes tf-toast-giris  { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }
@keyframes tf-toast-cikis  { from { opacity: 1; } to { opacity: 0; transform: translateX(20px); } }

/* ── Animasyonlar ────────────────────────────────────────────── */
@keyframes tf-slide-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.tf-yazi-yeni { animation: tf-slide-in 0.25s ease; }

/* ── SVG ikonlar ──────────────────────────────────────────────── */
.tf-ikon { display: inline-flex; vertical-align: middle; flex-shrink: 0; }

/* ── Mobil ──────────────────────────────────────────────────── */
@media (max-width: 920px) {
  .tf-wrap { flex-direction: column; gap: 16px; padding: 16px 12px 40px; max-width: 100%; }
  .tf-sidebar { width: 100%; min-width: 0; position: static; max-height: none; flex-direction: column; flex-wrap: nowrap; }
  .tf-sb-card { flex: 1; min-width: 220px; }
  .tf-ks-sayaclar { display: none; }
  .tf-ks-sayac-inline { display: inline-flex; }
}

@media (max-width: 600px) {
  .tf-main-ust  { flex-direction: column; align-items: flex-start; }
  .tf-main-aksiyonlar { width: 100%; }
  .tf-arama-input { width: 140px; }
  .tf-yazi      { flex-direction: column; gap: 10px; }
  .tf-yazi-sol  { flex-direction: row; width: auto; align-items: center; }
  .tf-yazi-yazar-adi { white-space: nowrap; }
  .tf-konu-satir { flex-wrap: wrap; }
  .tf-ks-avatar { display: none; }
  .tf-profil-ust { flex-direction: column; }
  .tf-form-iki-sutun { grid-template-columns: 1fr; }
  .tf-form-kart { padding: 18px; }
  .tf-konu-baslik { font-size: 16px; }
}

/* ── Görsel Yükleme ─────────────────────────────────────────── */
.tf-gorsel-input { display: none; }

.tf-gorsel-yukle-alani {
  border: 2px dashed var(--tf-kenar-ko);
  border-radius: var(--tf-yaricap);
  background: var(--tf-bg);
  transition: border-color var(--tf-gecis), background var(--tf-gecis);
}
.tf-gorsel-yukle-alani:hover,
.tf-gorsel-yukle-alani.surukle-uzer { border-color: var(--tf-mavi); background: var(--tf-mavi-ac); }

.tf-gorsel-etiket {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 20px;
  cursor: pointer;
  color: var(--tf-metin3);
  font-size: 13.5px;
  text-align: center;
}
.tf-gorsel-etiket .tf-ikon { color: var(--tf-metin4); }
.tf-gorsel-etiket:hover { color: var(--tf-mavi); }
.tf-gorsel-etiket:hover .tf-ikon { color: var(--tf-mavi); }

.tf-gorsel-onizleme {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--tf-bg);
  border-top: 1px solid var(--tf-kenar);
}
.tf-gorsel-onizleme img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--tf-yaricap);
  border: 1px solid var(--tf-kenar);
}
.tf-gorsel-sil-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 1px solid #FECACA;
  background: #FEF2F2;
  color: #DC2626;
  border-radius: var(--tf-yaricap);
  font-size: 12px;
  cursor: pointer;
  font-family: var(--tf-font);
  transition: all var(--tf-gecis);
}
.tf-gorsel-sil-btn:hover { background: #FEE2E2; }

/* Yanıt formu görsel - kompakt */
.tf-yanit-gorsel-alani {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  margin-top: 4px;
}
.tf-yanit-gorsel-etiket {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap);
  background: var(--tf-kart);
  color: var(--tf-metin3);
  font-size: 12.5px;
  cursor: pointer;
  transition: all var(--tf-gecis);
  white-space: nowrap;
}
.tf-yanit-gorsel-etiket:hover { border-color: var(--tf-mavi); color: var(--tf-mavi); background: var(--tf-mavi-ac); }

.tf-yanit-gorsel-onizleme {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tf-yanit-gorsel-onizleme img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--tf-kenar);
}
.tf-gorsel-sil-btn-kucuk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #FECACA;
  background: #FEF2F2;
  color: #DC2626;
  border-radius: 50%;
  font-size: 10px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

/* ── Ana Foruma Dön Butonu ──────────────────────────────────── */
.tf-ust-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.tf-ust-bar-sol {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  flex-wrap: wrap;
}

.tf-geri-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 13px 6px 10px;
  background: var(--tf-kart);
  border: 1px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap);
  color: var(--tf-metin3);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: all var(--tf-gecis);
  box-shadow: var(--tf-golge);
}

/* Ok ikonu sola dönük görünsün */
.tf-geri-btn .tf-ikon {
  transform: rotate(180deg);
  color: var(--tf-metin4);
  transition: transform var(--tf-gecis), color var(--tf-gecis);
}

.tf-geri-btn:hover {
  background: var(--tf-mavi-ac);
  border-color: rgba(var(--tf-mavi-rgb),0.25);
  color: var(--tf-mavi);
}

.tf-geri-btn:hover .tf-ikon {
  color: var(--tf-mavi);
  transform: rotate(180deg) translateX(2px);
}

.tf-geri-btn:active {
  transform: scale(0.97);
}

/* ── Etiket Chip Sistemi ─────────────────────────────────────── */
.tf-etiket-secici {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 10px;
  border: 1.5px solid var(--tf-kenar);
  border-radius: var(--tf-yaricap);
  background: var(--tf-kart);
  min-height: 44px;
  cursor: text;
  transition: border-color var(--tf-gecis), box-shadow var(--tf-gecis);
}
.tf-etiket-secici:focus-within {
  border-color: var(--tf-mavi);
  box-shadow: 0 0 0 3px rgba(var(--tf-mavi-rgb),0.1);
}

.tf-etiket-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px 3px 10px;
  background: var(--tf-mavi-ac);
  color: var(--tf-mavi);
  border: 1px solid rgba(var(--tf-mavi-rgb),0.2);
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 500;
  white-space: nowrap;
  animation: tf-chip-giris 0.15s ease;
}
.tf-etiket-chip-metin {
  pointer-events: none;
}
@keyframes tf-chip-giris {
  from { opacity: 0; transform: scale(0.85); }
  to   { opacity: 1; transform: scale(1); }
}
.tf-etiket-chip-sil {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: rgba(var(--tf-mavi-rgb),0.15) !important;
  color: var(--tf-mavi) !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 11px !important;
  line-height: 1 !important;
  padding: 0 !important;
  transition: background var(--tf-gecis) !important;
  font-family: inherit !important;
  flex-shrink: 0 !important;
  min-height: 18px !important;
  overflow: visible !important;
}
.tf-etiket-chip-sil:hover {
  background: rgba(220,38,38,0.15) !important;
  color: #DC2626 !important;
}

.tf-etiket-yazici {
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  color: var(--tf-metin);
  min-width: 140px;
  flex: 1;
  padding: 2px 4px;
  font-family: var(--tf-font);
}
.tf-etiket-yazici::placeholder { color: var(--tf-metin4); }

.tf-etiket-oneriler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.tf-etiket-oner-btn {
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border: 1px solid var(--tf-kenar-ko);
  border-radius: 20px;
  background: var(--tf-kart);
  color: var(--tf-metin3);
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--tf-gecis);
  font-family: var(--tf-font);
}
.tf-etiket-oner-btn:hover {
  background: var(--tf-mavi-ac);
  color: var(--tf-mavi);
  border-color: rgba(var(--tf-mavi-rgb),0.3);
}
.tf-etiket-oner-btn.secili {
  background: var(--tf-mavi);
  color: #fff;
  border-color: var(--tf-mavi);
  cursor: default;
}

/* ── User İkon Rengi ─────────────────────────────────────────── */
.tf-user-ikon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  color: var(--tf-mavi);
  margin-right: 3px;
  flex-shrink: 0;
}

.tf-user-ikon .tf-ikon path,
.tf-user-ikon .tf-ikon circle {
  stroke: var(--tf-mavi);
}

/* Büyük versiyon (giriş kutusu vb.) */
.tf-user-ikon-buyuk {
  width: 44px;
  height: 44px;
  background: var(--tf-mavi-ac);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--tf-mavi);
  margin-bottom: 6px;
}

/* Yazar meta alanındaki kullanıcı adı */
.tf-ks-meta-yazar {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--tf-metin3);
  font-size: 12px;
  font-weight: 500;
}

.tf-ks-meta-yazar .tf-user-ikon {
  color: var(--tf-mavi);
}

/* Konu sayfasındaki yazar adı */
.tf-meta-yazar {
  font-weight: 600;
  color: var(--tf-metin);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.tf-meta-yazar:hover { color: var(--tf-mavi); }

/* Arama sonuçlarında yazar */
.tf-ks-alt span .tf-user-ikon,
.tf-ks-alt .tf-user-ikon {
  color: var(--tf-mavi);
}

/* Tüm meta-zaman ve meta alanlarındaki user ikonları */
.tf-yazi-meta .tf-user-ikon,
.tf-konu-meta .tf-user-ikon {
  color: var(--tf-mavi);
}

/* ── Woodmart SVG İkon Override ─────────────────────────────── */
.tf-wrap svg,
.tf-wrap .tf-ikon,
.tf-wrap svg.tf-ikon {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none;
}
.tf-wrap .tf-ikon path,
.tf-wrap .tf-ikon circle,
.tf-wrap .tf-ikon rect,
.tf-wrap .tf-ikon line,
.tf-wrap .tf-ikon polyline {
  display: block !important;
  visibility: visible !important;
}

/* Woodmart genel tema reset */
.tf-wrap * {
  box-sizing: border-box !important;
}

/* ================================================================
   WOODMART TEMA ÖZEL OVERRIDE
   ================================================================ */

/* Woodmart içerik alanı genişlet - sadece forum içeriği */
body.tf-forum-sayfasi #wd-content {
  max-width: 100% !important;
  width: 100% !important;
}
body.tf-forum-sayfasi #wd-content > .container,
body.tf-forum-sayfasi .wd-main-content > .container,
body.tf-forum-sayfasi .main-page-wrapper > .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Woodmart sidebar gizle */
body.tf-forum-sayfasi .wd-sidebar,
body.tf-forum-sayfasi #wd-sidebar,
body.tf-forum-sayfasi .sidebar-area,
body.tf-forum-sayfasi [class*="wd-sidebar"],
body.tf-forum-sayfasi .widget-area:not(.footer-sidebar):not(footer .widget-area) {
  display: none !important;
}

/* Woodmart buton stil override */
body.tf-forum-sayfasi .tf-wrap button,
body.tf-forum-sayfasi .tf-wrap a.tf-btn-ana,
body.tf-forum-sayfasi .tf-wrap a.tf-btn-ikincil,
body.tf-forum-sayfasi .tf-wrap a.tf-btn-yeni-konu,
body.tf-forum-sayfasi .tf-wrap a.tf-sayfa-btn {
  border-radius: var(--tf-yaricap) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  transition: all var(--tf-gecis) !important;
  outline: none !important;
  border-bottom: none !important;
}

/* Woodmart link underline override */
body.tf-forum-sayfasi .tf-wrap a:hover {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Woodmart pagination override */
body.tf-forum-sayfasi .tf-sayfalama {
  display: flex !important;
}
body.tf-forum-sayfasi .tf-sayfa-btn {
  display: inline-flex !important;
  background: var(--tf-kart) !important;
  color: var(--tf-metin3) !important;
  border: 1px solid var(--tf-kenar) !important;
  border-radius: var(--tf-yaricap) !important;
}
body.tf-forum-sayfasi .tf-sayfa-btn:hover {
  background: var(--tf-bg) !important;
  color: var(--tf-mavi) !important;
}
body.tf-forum-sayfasi .tf-sayfa-btn.aktif {
  background: var(--tf-mavi) !important;
  color: #fff !important;
  border-color: var(--tf-mavi) !important;
}

/* Woodmart icon/svg override */
body.tf-forum-sayfasi .tf-ikon {
  display: inline-flex !important;
}

/* ================================================================ */

/* ── Forum Kuralları ─────────────────────────────────────────── */
.tf-sb-kurallar {
  padding: 0 !important;
  overflow: hidden;
}

.tf-sb-kurallar-baslik {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 14px 16px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--tf-metin) !important;
  font-family: var(--tf-font) !important;
  text-align: left !important;
  box-shadow: none !important;
  transition: background var(--tf-gecis) !important;
  min-height: auto !important;
  line-height: 1.4 !important;
}
.tf-sb-kurallar-baslik:hover {
  background: var(--tf-bg) !important;
}
.tf-sb-kurallar-baslik .tf-ikon {
  color: var(--tf-mavi);
  flex-shrink: 0;
}
.tf-sb-kurallar-baslik span:nth-child(2) {
  flex: 1;
}
.tf-kurallar-ok {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--tf-metin4);
  transition: transform 0.25s ease;
  flex-shrink: 0;
}
.tf-kurallar-ok.acik {
  transform: rotate(180deg);
}

.tf-sb-kurallar-liste {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 16px 14px !important;
  display: none;
  border-top: 1px solid var(--tf-kenar);
  overflow: visible !important;
  max-height: none !important;
}
.tf-sb-kurallar-liste.acik {
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
}

.tf-sb-kural-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--tf-kenar);
  font-size: 13px;
  color: var(--tf-metin2);
  line-height: 1.5;
}
.tf-sb-kural-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.tf-kural-ikon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--tf-mavi);
}

/* Mobilde en alta taşı */
@media (max-width: 920px) {
  .tf-sb-kurallar {
    order: 99;
  }
}

/* ── Giriş Gerekli Kutusu ───────────────────────────────────── */
.tf-giris-gerekli-kutu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 60px 24px;
  text-align: center;
  background: var(--tf-kart);
  border: 1.5px solid var(--tf-kenar);
  border-radius: 16px;
  margin: 24px 0;
}
.tf-giris-gerekli-kutu .tf-ikon {
  color: var(--tf-metin4);
  opacity: 0.5;
}
.tf-giris-gerekli-kutu h2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--tf-metin) !important;
  margin: 0 !important;
}
.tf-giris-gerekli-kutu .tf-sb-giris-butonlar {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ── Abonelik Checkbox ──────────────────────────────────────── */
.tf-yanit-sol-alt {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

.tf-abone-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 12.5px !important;
  color: var(--tf-metin3) !important;
  cursor: pointer !important;
  font-family: var(--tf-font) !important;
  line-height: 1.4 !important;
  user-select: none;
}

.tf-abone-label input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important;
  accent-color: var(--tf-mavi) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.tf-abone-label span {
  color: var(--tf-metin3);
  font-size: 12.5px;
}

.tf-yanit-formu-alt {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

/* ── Yanıtla (Alıntı) Butonu ─────────────────────────────────── */
.tf-alinti-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 10px !important;
  border-radius: var(--tf-yaricap) !important;
  border: 1px solid var(--tf-kenar) !important;
  background: transparent !important;
  color: var(--tf-metin4) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all var(--tf-gecis) !important;
  font-family: var(--tf-font) !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  min-height: 30px !important;
  overflow: visible !important;
}
.tf-alinti-btn:hover {
  color: var(--tf-mavi) !important;
  border-color: var(--tf-mavi) !important;
  background: var(--tf-mavi-ac) !important;
}

/* ── Alıntı Önizleme (form üstünde) ─────────────────────────── */
.tf-alinti-onizleme {
  margin-bottom: 10px;
  border-left: 3px solid var(--tf-mavi);
  background: var(--tf-mavi-ac);
  border-radius: 0 var(--tf-yaricap) var(--tf-yaricap) 0;
  padding: 10px 14px;
  align-items: flex-start;
  gap: 10px;
}
.tf-alinti-onizleme[style*="display:none"],
.tf-alinti-onizleme[style*="display: none"] {
  display: none !important;
}
.tf-alinti-onizleme.goster {
  display: flex !important;
}
.tf-alinti-onizleme-icerik { flex: 1; min-width: 0; }
.tf-alinti-yazar {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--tf-mavi);
  margin-bottom: 3px;
}
.tf-alinti-yazar::before { content: '@'; }
.tf-alinti-metin {
  margin: 0;
  font-size: 13px;
  color: var(--tf-metin3);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tf-alinti-temizle-btn {
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 8px !important;
  border: 1px solid var(--tf-kenar) !important;
  border-radius: var(--tf-yaricap) !important;
  background: transparent !important;
  color: var(--tf-metin4) !important;
  font-size: 11.5px !important;
  cursor: pointer !important;
  font-family: var(--tf-font) !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  transition: all var(--tf-gecis) !important;
  min-height: auto !important;
  line-height: 1.4 !important;
}
/* Gizli durum */
.tf-alinti-temizle-btn[style*="display:none"],
.tf-alinti-temizle-btn[style*="display: none"] {
  display: none !important;
}
/* Gösterilen durum */
.tf-alinti-temizle-btn.goster {
  display: inline-flex !important;
}
.tf-alinti-temizle-btn:hover {
  color: var(--tf-kirmizi) !important;
  border-color: #FECACA !important;
  background: #FEF2F2 !important;
}

/* Yanıt formu başlığı güncellendi */
.tf-yanit-formu-ust {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  flex-wrap: wrap !important;
}
#tf-yanit-formu-baslik {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: var(--tf-metin);
}

/* ── Alıntı Bloğu (Yayınlanmış İçerikte) ────────────────────── */
.tf-alinti-blok,
blockquote.tf-alinti-blok {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border-left: 3px solid var(--tf-mavi) !important;
  background: var(--tf-mavi-ac) !important;
  border-radius: 0 var(--tf-yaricap) var(--tf-yaricap) 0 !important;
  font-style: normal !important;
  overflow: hidden !important;
}
/* Link içindeki içerik padding'i */
.tf-alinti-link {
  padding: 10px 14px !important;
}
.tf-alinti-blok cite,
blockquote.tf-alinti-blok cite {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--tf-mavi) !important;
  font-style: normal !important;
  margin-bottom: 4px !important;
}
.tf-alinti-blok cite::before,
.tf-alinti-link cite::before { content: '@'; }
.tf-alinti-blok p,
blockquote.tf-alinti-blok p {
  margin: 0 !important;
  font-size: 13.5px !important;
  color: var(--tf-metin3) !important;
  line-height: 1.5 !important;
}

/* Mobil */
@media (max-width: 600px) {
  .tf-alinti-btn { padding: 4px 8px !important; font-size: 12px !important; }
  .tf-alinti-onizleme { padding: 8px 12px; }
}

/* ── Alıntı bloğu tıklanabilir ──────────────────────────────── */
.tf-alinti-blok {
  cursor: default !important;
  position: relative !important;
}

/* Alıntı linki - tüm bloğu tıklanabilir yap */
.tf-alinti-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  transition: background 0.15s ease !important;
}
.tf-alinti-link:hover {
  text-decoration: none !important;
}
.tf-alinti-link:hover .tf-alinti-git {
  opacity: 0.8 !important;
}

.tf-alinti-git {
  display: block !important;
  font-size: 11px !important;
  color: var(--tf-mavi) !important;
  opacity: 0 !important;
  margin-top: 4px !important;
  transition: opacity 0.15s ease !important;
  font-style: normal !important;
}

/* Vurgulama animasyonu */
@keyframes tf-vurgu {
  0%   { box-shadow: 0 0 0 0 rgba(var(--tf-mavi-rgb), 0.4); background: var(--tf-mavi-ac); }
  50%  { box-shadow: 0 0 0 6px rgba(var(--tf-mavi-rgb), 0.1); }
  100% { box-shadow: 0 0 0 0 rgba(var(--tf-mavi-rgb), 0); background: transparent; }
}
.tf-alinti-vurgu {
  animation: tf-vurgu 1.8s ease forwards !important;
  border-radius: var(--tf-yaricap) !important;
}

/* ── Footer Görünürlük Fix ──────────────────────────────────── */
/* Woodmart footer elementlerini koru - bozma */
body.tf-forum-sayfasi footer,
body.tf-forum-sayfasi #colophon,
body.tf-forum-sayfasi .site-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Footer iç elementlerini sıfırlama */
body.tf-forum-sayfasi footer *,
body.tf-forum-sayfasi #colophon * {
  max-width: none;
  box-sizing: border-box;
}

/* ── Duyuru Bandı ────────────────────────────────────────────── */
.tf-duyuru-bant {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  font-size: 13.5px;
  font-weight: 500;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.tf-duyuru-ikon {
  display: inline-flex;
  flex-shrink: 0;
}
.tf-duyuru-ikon .tf-ikon { color: #fff; }
.tf-duyuru-metin {
  flex: 1;
  min-width: 160px;
}

/* Mobilde butonlar tam satıra geçsin */
@media (max-width: 600px) {
  .tf-duyuru-bant {
    padding: 10px 14px;
  }
  .tf-duyuru-butonlar {
    width: 100%;
    order: 3;
  }
  .tf-duyuru-kapat {
    order: 2;
    margin-left: auto;
  }
  .tf-duyuru-metin {
    order: 1;
    flex: 0 0 calc(100% - 40px);
  }
  .tf-duyuru-ikon {
    order: 0;
  }
}
.tf-duyuru-kapat {
  background: rgba(255,255,255,0.25) !important;
  border: none !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-family: inherit !important;
  min-height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.tf-duyuru-kapat:hover { background: rgba(255,255,255,0.4) !important; }

/* ── Düzenle Butonu ─────────────────────────────────────────── */
.tf-duzenle-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 10px !important;
  border-radius: var(--tf-yaricap) !important;
  border: 1px solid var(--tf-kenar) !important;
  background: transparent !important;
  color: var(--tf-metin4) !important;
  font-size: 12.5px !important;
  cursor: pointer !important;
  transition: all var(--tf-gecis) !important;
  font-family: var(--tf-font) !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  min-height: 30px !important;
  overflow: visible !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.tf-duzenle-btn:hover {
  color: #0EA5E9 !important;
  border-color: #BAE6FD !important;
  background: #F0F9FF !important;
}

/* Düzenle Modal */
.tf-duzenle-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.tf-duzenle-modal-icerik {
  background: var(--tf-kart);
  border-radius: 14px;
  padding: 24px;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 20px 60px rgba(0,0,0,.2);
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: 90vh;
  overflow-y: auto;
}
.tf-duzenle-modal-baslik {
  font-size: 16px;
  font-weight: 700;
  color: var(--tf-metin);
  margin: 0;
}
.tf-duzenle-modal-footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.tf-duyuru-link {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  flex: 1 !important;
}
.tf-duyuru-link:hover {
  opacity: 0.85 !important;
  text-decoration: underline !important;
}

/* ── Sabit Tarih Gösterimi ──────────────────────────────────── */
.tf-meta-tarih {
  font-size: 12px;
  color: var(--tf-metin4);
  white-space: nowrap;
}
.tf-meta-tarih::before {
  content: '·';
  margin: 0 5px;
  opacity: 0.5;
}

/* ── Duyuru Butonları ───────────────────────────────────────── */
.tf-duyuru-butonlar {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.tf-duyuru-btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 14px !important;
  background: rgba(255,255,255,0.2) !important;
  color: #fff !important;
  border: 1.5px solid rgba(255,255,255,0.5) !important;
  border-radius: 20px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}
.tf-duyuru-btn:hover {
  background: rgba(255,255,255,0.35) !important;
  border-color: #fff !important;
  text-decoration: none !important;
}

/* ── Woodmart Footer Koruma ─────────────────────────────────── */
/* HTML'den alınan gerçek footer class'ları - dokunma */
body.tf-forum-sayfasi footer.wd-footer,
body.tf-forum-sayfasi footer.footer-container,
body.tf-forum-sayfasi footer.wd-footer .container,
body.tf-forum-sayfasi footer.wd-footer .main-footer,
body.tf-forum-sayfasi footer.wd-footer .footer-sidebar,
body.tf-forum-sayfasi footer.wd-footer .footer-column,
body.tf-forum-sayfasi footer.wd-footer .wd-grid-col,
body.tf-forum-sayfasi footer.wd-footer .footer-widget,
body.tf-forum-sayfasi footer.wd-footer .wd-copyrights,
body.tf-forum-sayfasi footer.wd-footer .copyrights-wrapper,
body.tf-forum-sayfasi footer.wd-footer .wd-grid-g {
  max-width: unset;
  width: unset;
  padding: unset;
  margin: unset;
  float: unset;
}
/* container sınıfını footer'da sıfırla */
body.tf-forum-sayfasi footer .container {
  max-width: var(--wd-container-width, 1280px) !important;
  padding-left: var(--wd-gap-lg, 30px) !important;
  padding-right: var(--wd-gap-lg, 30px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}