/* ============================================================
   TarlaTapan — Pazar, İş İlanları, Üyelik ve Mesajlaşma stilleri
   site.css'in :root token'larını kullanır (--c-*, --sp-*, --r-*, --shadow-*).
   Ayrı dosya: mevcut içerik/blog stillerini bozma riski olmasın diye.
   ============================================================ */

/* ---------- Ortak form / buton ---------- */
.form-input {
  width: 100%;
  padding: 11px 13px;
  font-family: var(--font-body);
  font-size: var(--fs-base);
  color: var(--c-ink);
  background: var(--c-surface-3);
  border: 1px solid var(--c-line);
  border-radius: var(--r-md);
  transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.form-input:focus {
  outline: none;
  border-color: var(--c-green);
  box-shadow: 0 0 0 3px rgba(76,122,51,.15);
}
.form-input:disabled { background: var(--c-line-soft); color: var(--c-ink-faint); }
.form-input--dar { max-width: 140px; }
textarea.form-input { resize: vertical; min-height: 80px; line-height: 1.6; }

.form-alan { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--sp-4); flex: 1 1 220px; }
.form-alan label { font-weight: 600; font-size: var(--fs-sm); color: var(--c-ink); }
.form-satir { display: flex; flex-wrap: wrap; gap: var(--sp-4); }
.form-ipucu { font-size: var(--fs-xs); color: var(--c-ink-soft); line-height: 1.5; }
.form-ipucu--blok {
  background: var(--c-green-soft);
  border-left: 3px solid var(--c-green);
  padding: 10px 12px;
  border-radius: var(--r-sm);
  margin-top: var(--sp-3);
}
.form-hata { font-size: var(--fs-xs); color: #B3261E; font-weight: 600; }
.form-hata:empty { display: none; }

.form-onay { display: inline-flex; align-items: flex-start; gap: 8px; font-size: var(--fs-sm); cursor: pointer; line-height: 1.5; }
.form-onay input { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--c-green); flex: none; }
.form-onay-grup { display: flex; flex-wrap: wrap; gap: var(--sp-5); margin-top: var(--sp-2); }
.form-alan--onay { justify-content: center; flex: 0 1 auto; }

/* ⚠️ Çıplak `.btn` site.css'te tanımlı (width:100%, min-height:52px) ve hesaplayıcı
   sayfaları ona bağlı. Bu yüzden buradaki stiller yalnız modifier'lara veriliyor —
   `.btn`'i yeniden tanımlamak o sayfalardaki butonları bozuyordu. */
.btn--primary, .btn--sade, .btn--altin, .btn--tehlike, .btn--whatsapp, .btn--google {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: auto; min-height: 0; padding: 11px 20px;
  font-family: var(--font-body); font-size: var(--fs-sm); font-weight: 700; line-height: 1.3;
  border: 1px solid transparent; border-radius: var(--r-md);
  background-image: none; cursor: pointer; text-decoration: none;
  transition: transform .12s var(--ease), filter .15s var(--ease);
}
.btn--primary:hover, .btn--sade:hover, .btn--altin:hover,
.btn--tehlike:hover, .btn--whatsapp:hover, .btn--google:hover { transform: translateY(-1px); filter: brightness(1.04); }

.btn--primary { background-color: var(--c-primary); color: var(--c-primary-ink); }
.btn--sade { background-color: var(--c-surface); color: var(--c-ink); border-color: var(--c-line); }
.btn--altin { background-color: var(--c-gold-2); color: #2A2318; }
.btn--tehlike { background-color: #FBE7E5; color: #B3261E; border-color: #F0C0BC; }
.btn--whatsapp { background-color: #25D366; color: #fff; }
.btn--google { background-color: var(--c-surface); color: var(--c-ink); border-color: var(--c-line); }
.btn--tam { width: 100%; margin-bottom: var(--sp-2); }
.btn--buyuk { padding: 14px 28px; font-size: var(--fs-base); }
.btn--mini { padding: 7px 12px; font-size: var(--fs-xs); }

.uyari { padding: 13px 16px; border-radius: var(--r-md); font-size: var(--fs-sm); line-height: 1.6; margin-bottom: var(--sp-4); }
.uyari--sari { background: #FDF3D8; border: 1px solid #EBD9A0; color: #6B5417; }
.uyari--kirmizi { background: #FBE7E5; border: 1px solid #F0C0BC; color: #B3261E; }
.uyari--gri { background: var(--c-surface-2); border: 1px solid var(--c-line); color: var(--c-ink-soft); }
.uyari--yesil { background: var(--c-green-soft); border: 1px solid #C8D9B8; color: #35521F; }
.uyari ul, .uyari li { list-style: none; }

.sayfa-baslik { font-family: var(--font-display); font-size: var(--fs-xl); color: var(--c-header); margin: var(--sp-5) 0 var(--sp-2); }
.sayfa-alt { color: var(--c-ink-soft); margin-bottom: var(--sp-5); line-height: 1.6; }

/* ---------- Pazar üst şerit ---------- */
.pazar-ust {
  background: linear-gradient(180deg, var(--c-header) 0%, var(--c-header-2) 100%);
  color: var(--c-header-ink);
  padding: var(--sp-4) 0 var(--sp-6);
  margin-bottom: var(--sp-6);
}
.pazar-sekme { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; margin-bottom: var(--sp-5); }
.pazar-sekme__link {
  padding: 9px 16px; border-radius: var(--r-pill); text-decoration: none;
  color: var(--c-header-ink); background: rgba(255,255,255,.08);
  font-size: var(--fs-sm); font-weight: 600;
}
.pazar-sekme__link:hover { background: rgba(255,255,255,.16); }
.pazar-sekme__link.is-active { background: var(--c-gold); color: #2A2318; }
.pazar-sekme__ver {
  margin-left: auto; padding: 9px 18px; border-radius: var(--r-pill);
  background: var(--c-gold-2); color: #2A2318; font-weight: 700;
  font-size: var(--fs-sm); text-decoration: none;
}
.pazar-baslik { font-family: var(--font-display); font-size: var(--fs-2xl); line-height: 1.2; margin-bottom: var(--sp-2); color: #fff; }
.pazar-aciklama { max-width: 70ch; opacity: .85; line-height: 1.6; }

/* ---------- Pazar düzen ---------- */
.pazar-govde { padding-bottom: var(--sp-8); }
.pazar-duzen { display: grid; grid-template-columns: 250px 1fr; gap: var(--sp-6); align-items: start; }
.pazar-yan { display: flex; flex-direction: column; gap: var(--sp-4); position: sticky; top: var(--sp-4); }
.pazar-kutu {
  background: var(--c-surface); border: 1px solid var(--c-line);
  border-radius: var(--r-lg); padding: var(--sp-4);
}
.pazar-kutu--cta { background: var(--c-green-soft); border-color: #C8D9B8; }
.pazar-kutu--cta p { font-size: var(--fs-sm); color: var(--c-ink-soft); line-height: 1.6; margin: var(--sp-2) 0 var(--sp-3); }
.pazar-kutu__baslik { font-family: var(--font-display); font-size: var(--fs-md); color: var(--c-header); margin-bottom: var(--sp-3); }

.kategori-liste { list-style: none; padding: 0; margin: 0; }
.kategori-liste__link {
  display: block; padding: 7px 9px; border-radius: var(--r-sm);
  color: var(--c-ink); text-decoration: none; font-size: var(--fs-sm); line-height: 1.4;
}
.kategori-liste__link:hover { background: var(--c-surface-2); }
.kategori-liste__link.is-active { background: var(--c-green-soft); color: var(--c-primary); font-weight: 700; }
.kategori-liste__ikon { margin-right: 4px; }
.kategori-liste--alt { margin: 2px 0 6px 14px; border-left: 2px solid var(--c-line); padding-left: 8px; }
.kategori-liste--alt .kategori-liste__link { font-size: var(--fs-xs); padding: 5px 8px; }

/* ---------- Filtre ---------- */
.pazar-filtre {
  background: var(--c-surface); border: 1px solid var(--c-line);
  border-radius: var(--r-lg); padding: var(--sp-4); margin-bottom: var(--sp-4);
}
.pazar-filtre__satir { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; }
.pazar-filtre__satir + .pazar-filtre__satir { margin-top: var(--sp-3); padding-top: var(--sp-3); border-top: 1px solid var(--c-line-soft); }
.pazar-filtre__ara { flex: 1 1 260px; }
.pazar-filtre .form-input { width: auto; min-width: 150px; }
.pazar-filtre__ara.form-input { min-width: 240px; }

.pazar-sonuc-bar {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: var(--sp-4); font-size: var(--fs-sm); color: var(--c-ink-soft);
}
.pazar-sonuc-bar__temizle { color: var(--c-accent); text-decoration: none; font-weight: 600; }

/* ---------- İlan kartı ---------- */
.ilan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--sp-4); }

.ilan-kart {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--c-surface); border: 1px solid var(--c-line);
  border-radius: var(--r-lg); text-decoration: none; color: inherit;
  transition: transform .15s var(--ease), box-shadow .15s var(--ease);
}
.ilan-kart:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); }
.ilan-kart--vitrin { border-color: var(--c-gold-2); box-shadow: var(--shadow-gold); }

.ilan-kart__gorsel {
  position: relative; aspect-ratio: 4/3; background: var(--c-surface-2);
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.ilan-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ilan-kart__ikon { font-size: 3rem; opacity: .5; }

.ilan-kart__vitrin,
.ilan-kart__organik,
.ilan-kart__satildi {
  position: absolute; top: 8px; padding: 3px 9px;
  border-radius: var(--r-pill); font-size: var(--fs-xs); font-weight: 700;
}
.ilan-kart__vitrin { left: 8px; background: var(--c-gold); color: #2A2318; }
.ilan-kart__organik { right: 8px; background: var(--c-green); color: #fff; }
.ilan-kart__satildi { left: 8px; top: auto; bottom: 8px; background: var(--c-haber); color: #fff; }

.ilan-kart__govde { padding: var(--sp-3); display: flex; flex-direction: column; gap: 6px; flex: 1; }
.ilan-kart__kategori { font-size: var(--fs-xs); color: var(--c-accent); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.ilan-kart__baslik {
  font-family: var(--font-display); font-size: var(--fs-base); line-height: 1.35;
  color: var(--c-ink); font-weight: 600;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ilan-kart__fiyat { font-size: var(--fs-md); font-weight: 800; color: var(--c-primary); }
.ilan-kart__ozellikler { display: flex; flex-wrap: wrap; gap: 5px; }
.ilan-kart__alt {
  display: flex; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: var(--sp-2);
  border-top: 1px solid var(--c-line-soft); font-size: var(--fs-xs); color: var(--c-ink-faint);
}
.ilan-kart__konum { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ilan-kart__zaman { flex: none; }

.ilan-etiket {
  display: inline-block; padding: 3px 9px; border-radius: var(--r-pill);
  background: var(--c-surface-2); border: 1px solid var(--c-line);
  font-size: var(--fs-xs); color: var(--c-ink-soft); font-weight: 600;
}
.ilan-etiket--iyi { background: var(--c-green-soft); border-color: #C8D9B8; color: #35521F; }

/* ---------- Sayfalama ---------- */
.sayfalama { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: var(--sp-6) 0; }
.sayfalama__link {
  padding: 9px 14px; border-radius: var(--r-md); text-decoration: none;
  background: var(--c-surface); border: 1px solid var(--c-line);
  color: var(--c-ink); font-size: var(--fs-sm); font-weight: 600;
}
.sayfalama__link:hover { background: var(--c-surface-2); }
.sayfalama__link.is-active { background: var(--c-primary); color: #fff; border-color: var(--c-primary); }

/* ---------- Boş durum ---------- */
.bos-durum {
  text-align: center; padding: var(--sp-7) var(--sp-4);
  background: var(--c-surface); border: 1px dashed var(--c-line); border-radius: var(--r-lg);
}
.bos-durum__ikon { font-size: 2.6rem; display: block; margin-bottom: var(--sp-3); opacity: .6; }
.bos-durum h2, .bos-durum h3 { font-family: var(--font-display); color: var(--c-header); margin-bottom: var(--sp-2); }
.bos-durum p { color: var(--c-ink-soft); max-width: 46ch; margin: 0 auto var(--sp-4); line-height: 1.6; }

/* ---------- İlan detay ---------- */
.ilan-detay { padding-bottom: var(--sp-8); }
.kirinti { font-size: var(--fs-sm); color: var(--c-ink-soft); margin: var(--sp-4) 0; }
.kirinti a { color: var(--c-accent); text-decoration: none; }

.ilan-detay__duzen { display: grid; grid-template-columns: 1fr 360px; gap: var(--sp-6); align-items: start; }
.ilan-detay__ana { display: flex; flex-direction: column; gap: var(--sp-4); }
.ilan-detay__yan { display: flex; flex-direction: column; gap: var(--sp-4); position: sticky; top: var(--sp-4); }

.ilan-galeri { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: var(--sp-3); }
.ilan-galeri__buyuk { position: relative; aspect-ratio: 4/3; border-radius: var(--r-md); overflow: hidden; background: var(--c-surface-2); }
.ilan-galeri__buyuk img { width: 100%; height: 100%; object-fit: contain; }
.ilan-galeri__seritler { display: flex; gap: 8px; overflow-x: auto; margin-top: var(--sp-3); padding-bottom: 4px; }
.ilan-galeri__kucuk {
  flex: none; width: 84px; height: 64px; padding: 0; overflow: hidden; cursor: pointer;
  border: 2px solid var(--c-line); border-radius: var(--r-sm); background: none;
}
.ilan-galeri__kucuk.is-active { border-color: var(--c-green); }
.ilan-galeri__kucuk img { width: 100%; height: 100%; object-fit: cover; }
.ilan-galeri__bos { aspect-ratio: 16/7; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-2); color: var(--c-ink-faint); }
.ilan-galeri__bos span { font-size: 3.5rem; opacity: .5; }

.ilan-blok { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: var(--sp-5); }
.ilan-blok__baslik { font-family: var(--font-display); font-size: var(--fs-lg); color: var(--c-header); margin-bottom: var(--sp-3); }
.ilan-aciklama { line-height: 1.75; color: var(--c-ink); word-break: break-word; }

.ilan-ozellik-tablo { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1px; background: var(--c-line-soft); border: 1px solid var(--c-line-soft); border-radius: var(--r-md); overflow: hidden; }
.ilan-ozellik-tablo > div { display: flex; justify-content: space-between; gap: 10px; padding: 11px 13px; background: var(--c-surface); font-size: var(--fs-sm); }
.ilan-ozellik-tablo dt { color: var(--c-ink-soft); }
.ilan-ozellik-tablo dd { font-weight: 700; text-align: right; }

.ilan-kutu { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: var(--sp-4); }
.ilan-kutu__rozet { display: inline-block; padding: 3px 10px; border-radius: var(--r-pill); background: var(--c-green-soft); color: #35521F; font-size: var(--fs-xs); font-weight: 700; margin-bottom: var(--sp-2); }
.ilan-kutu__baslik { font-family: var(--font-display); font-size: var(--fs-lg); line-height: 1.3; color: var(--c-header); margin-bottom: var(--sp-2); }
.ilan-kutu__altbaslik { font-family: var(--font-display); font-size: var(--fs-base); color: var(--c-header); margin-bottom: var(--sp-3); }
.ilan-kutu__fiyat { font-size: var(--fs-xl); font-weight: 800; color: var(--c-primary); margin-bottom: var(--sp-3); }
.ilan-kutu__etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--sp-3); }
.ilan-kutu__konum { font-size: var(--fs-sm); color: var(--c-ink-soft); }

.ilan-satici { display: flex; align-items: center; gap: 11px; text-decoration: none; color: inherit; margin-bottom: var(--sp-3); }
.ilan-satici__avatar {
  width: 44px; height: 44px; flex: none; border-radius: 50%;
  background: var(--c-primary); color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: var(--fs-md);
}
.ilan-satici b { display: block; font-size: var(--fs-sm); }
.ilan-satici small { color: var(--c-ink-faint); font-size: var(--fs-xs); }

.ilan-mesaj-form { margin-top: var(--sp-3); padding-top: var(--sp-3); border-top: 1px solid var(--c-line-soft); }
.ilan-mesaj-form label { display: block; font-size: var(--fs-sm); font-weight: 600; margin-bottom: 6px; }
.ilan-mesaj-form textarea { margin-bottom: var(--sp-2); }

.ilan-kilit { text-align: center; }
.ilan-kilit p { font-size: var(--fs-sm); color: var(--c-ink-soft); margin-bottom: var(--sp-3); line-height: 1.6; }

.mini-ilan-liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px; }
.mini-ilan-liste a {
  display: flex; justify-content: space-between; gap: 10px; padding: 9px;
  border-radius: var(--r-sm); text-decoration: none; color: var(--c-ink); font-size: var(--fs-sm);
}
.mini-ilan-liste a:hover { background: var(--c-surface-2); }
.mini-ilan-liste b { color: var(--c-primary); flex: none; }

/* ---------- Satıcı sayfası ---------- */
.satici-sayfa { padding: var(--sp-6) 0 var(--sp-8); }
.satici-ust { display: flex; gap: var(--sp-4); align-items: flex-start; margin-bottom: var(--sp-6); }
.satici-ust__avatar {
  width: 72px; height: 72px; flex: none; border-radius: 50%;
  background: var(--c-primary); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: var(--fs-xl); font-weight: 800;
}
.satici-ust h1 { font-family: var(--font-display); font-size: var(--fs-xl); color: var(--c-header); }
.satici-ust__meta { display: flex; flex-wrap: wrap; gap: var(--sp-4); font-size: var(--fs-sm); color: var(--c-ink-soft); margin-top: 4px; }
.satici-ust__hakkinda { margin-top: var(--sp-3); max-width: 70ch; line-height: 1.6; color: var(--c-ink); }

/* ---------- Üye paneli ---------- */
.uye-sayfa { padding: var(--sp-5) 0 var(--sp-8); }
.uye-nav { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding-bottom: var(--sp-4); border-bottom: 1px solid var(--c-line); }
.uye-nav__link {
  padding: 9px 14px; border-radius: var(--r-pill); text-decoration: none;
  color: var(--c-ink); font-size: var(--fs-sm); font-weight: 600;
}
.uye-nav__link:hover { background: var(--c-surface-2); }
.uye-nav__link.is-active { background: var(--c-primary); color: #fff; }
.uye-nav__ver { margin-left: auto; padding: 9px 18px; border-radius: var(--r-pill); background: var(--c-gold-2); color: #2A2318; font-weight: 700; font-size: var(--fs-sm); text-decoration: none; }

.uye-hosgeldin { margin: var(--sp-5) 0; }
.uye-hosgeldin h1 { font-family: var(--font-display); font-size: var(--fs-xl); color: var(--c-header); }
.uye-hosgeldin p { color: var(--c-ink-soft); margin-top: 4px; }

.istatistik-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--sp-3); margin-bottom: var(--sp-6); }
.istatistik { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: var(--sp-4); text-align: center; }
.istatistik__sayi { display: block; font-family: var(--font-display); font-size: var(--fs-2xl); font-weight: 800; color: var(--c-primary); line-height: 1; }
.istatistik__ad { display: block; font-size: var(--fs-xs); color: var(--c-ink-soft); margin-top: 6px; text-transform: uppercase; letter-spacing: .04em; }

.uye-blok { margin-top: var(--sp-6); }

.sekme-bar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--sp-4); }
.sekme { padding: 8px 14px; border-radius: var(--r-pill); text-decoration: none; background: var(--c-surface); border: 1px solid var(--c-line); color: var(--c-ink); font-size: var(--fs-sm); font-weight: 600; }
.sekme.is-active { background: var(--c-primary); color: #fff; border-color: var(--c-primary); }

.ilanlarim-liste { display: flex; flex-direction: column; gap: var(--sp-3); }
.ilanlarim-satir {
  display: grid; grid-template-columns: 110px 1fr auto; gap: var(--sp-4); align-items: center;
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: var(--sp-3);
}
.ilanlarim-satir__gorsel {
  width: 110px; height: 82px; border-radius: var(--r-md); overflow: hidden; background: var(--c-surface-2);
  display: flex; align-items: center; justify-content: center; font-size: 2rem;
}
.ilanlarim-satir__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ilanlarim-satir__bilgi h2 { font-family: var(--font-display); font-size: var(--fs-base); margin: 6px 0; }
.ilanlarim-satir__bilgi h2 a { color: var(--c-ink); text-decoration: none; }
.ilanlarim-satir__meta { display: flex; flex-wrap: wrap; gap: var(--sp-3); font-size: var(--fs-xs); color: var(--c-ink-soft); }
.ilanlarim-satir__red { font-size: var(--fs-xs); color: #B3261E; margin-top: 6px; }
.ilanlarim-satir__sure { font-size: var(--fs-xs); color: var(--c-ink-faint); margin-top: 6px; }
.ilanlarim-satir__islem { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; max-width: 260px; }
.ilanlarim-satir__islem form { margin: 0; }

.ilan-rozet { display: inline-block; padding: 3px 10px; border-radius: var(--r-pill); font-size: var(--fs-xs); font-weight: 700; margin-right: 4px; }
.ilan-rozet--aktif { background: var(--c-green-soft); color: #35521F; }
.ilan-rozet--bekliyor { background: #FDF3D8; color: #6B5417; }
.ilan-rozet--red { background: #FBE7E5; color: #B3261E; }
.ilan-rozet--satildi { background: var(--c-surface-2); color: var(--c-ink-soft); }
.ilan-rozet--pasif { background: var(--c-line-soft); color: var(--c-ink-soft); }
.ilan-rozet--vitrin { background: var(--c-gold-soft); color: #6B5417; }

/* ---------- İlan türü seçimi ---------- */
.tur-sec { max-width: 1000px; margin: var(--sp-6) auto; }
.tur-sec__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--sp-4); }
.tur-kart {
  display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-5);
  background: var(--c-surface); border: 2px solid var(--c-line); border-radius: var(--r-lg);
  text-decoration: none; color: inherit; transition: border-color .15s var(--ease), transform .15s var(--ease);
}
.tur-kart:hover { border-color: var(--c-green); transform: translateY(-3px); }
.tur-kart__ikon { font-size: 2.6rem; }
.tur-kart h2 { font-family: var(--font-display); font-size: var(--fs-md); color: var(--c-header); }
.tur-kart p { font-size: var(--fs-sm); color: var(--c-ink-soft); line-height: 1.6; flex: 1; }
.tur-kart__git { font-weight: 700; color: var(--c-accent); font-size: var(--fs-sm); }

/* ---------- İlan formu ---------- */
.ilan-form { max-width: 900px; }
.ilan-form--dar { max-width: 640px; }
.form-blok {
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg);
  padding: var(--sp-5); margin-bottom: var(--sp-4);
}
.form-blok__baslik {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--font-display); font-size: var(--fs-md); color: var(--c-header);
  margin-bottom: var(--sp-4); padding: 0;
}
.form-blok__no {
  width: 27px; height: 27px; flex: none; border-radius: 50%;
  background: var(--c-primary); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; font-size: var(--fs-sm); font-weight: 800;
}
.form-gonder { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; margin-bottom: var(--sp-6); }
.form-gonder .form-ipucu { flex-basis: 100%; }

.foto-mevcut { display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-bottom: var(--sp-4); }
.foto-mevcut__oge { display: flex; flex-direction: column; gap: 5px; cursor: pointer; }
.foto-mevcut__oge img { width: 110px; height: 82px; object-fit: cover; border-radius: var(--r-sm); border: 1px solid var(--c-line); }
.foto-mevcut__sil { font-size: var(--fs-xs); color: #B3261E; display: flex; align-items: center; gap: 5px; }
.foto-onizleme { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--sp-3); }
.foto-onizleme img { width: 92px; height: 70px; object-fit: cover; border-radius: var(--r-sm); border: 1px solid var(--c-line); }

/* ---------- Başarı ekranı ---------- */
.basari-kutu {
  max-width: 640px; margin: var(--sp-7) auto; text-align: center;
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-xl); padding: var(--sp-6);
}
.basari-kutu__ikon { font-size: 3rem; display: block; margin-bottom: var(--sp-3); }
.basari-kutu h1 { font-family: var(--font-display); font-size: var(--fs-xl); color: var(--c-header); margin-bottom: var(--sp-2); }
.basari-kutu > p { color: var(--c-ink-soft); line-height: 1.6; margin-bottom: var(--sp-5); }
.basari-ozet { display: flex; gap: var(--sp-4); align-items: center; text-align: left; background: var(--c-surface-2); border-radius: var(--r-lg); padding: var(--sp-4); margin-bottom: var(--sp-5); }
.basari-ozet img { border-radius: var(--r-sm); object-fit: cover; }
.basari-ozet__ikon { font-size: 2.6rem; }
.basari-ozet h2 { font-family: var(--font-display); font-size: var(--fs-base); margin: 6px 0 4px; }
.basari-ozet p { font-size: var(--fs-sm); color: var(--c-ink-soft); }
.basari-kutu__islem { display: flex; flex-wrap: wrap; gap: var(--sp-3); justify-content: center; }
.basari-kutu__ipucu { margin-top: var(--sp-5); font-size: var(--fs-sm); color: var(--c-ink-soft); }

/* ---------- Vitrin ---------- */
.vitrin-ilan-ozet { display: flex; gap: var(--sp-4); align-items: center; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: var(--sp-4); margin-bottom: var(--sp-5); }
.vitrin-ilan-ozet img { border-radius: var(--r-sm); object-fit: cover; }
.vitrin-ilan-ozet h2 { font-family: var(--font-display); font-size: var(--fs-md); }
.vitrin-ilan-ozet p { font-size: var(--fs-sm); color: var(--c-ink-soft); margin: 4px 0; }

.paket-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--sp-4); margin-bottom: var(--sp-5); }
.paket-kart { position: relative; display: block; cursor: pointer; }
.paket-kart input { position: absolute; opacity: 0; pointer-events: none; }
.paket-kart__ic {
  display: flex; flex-direction: column; gap: 5px; height: 100%; padding: var(--sp-5) var(--sp-4);
  background: var(--c-surface); border: 2px solid var(--c-line); border-radius: var(--r-lg); text-align: center;
  transition: border-color .15s var(--ease);
}
.paket-kart:hover .paket-kart__ic { border-color: var(--c-gold-2); }
.paket-kart input:checked + .paket-kart__ic { border-color: var(--c-primary); background: var(--c-green-soft); }
.paket-kart--one-cikan .paket-kart__ic { border-color: var(--c-gold-2); }
.paket-kart__serit { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); z-index: 1; padding: 3px 12px; border-radius: var(--r-pill); background: var(--c-gold-2); color: #2A2318; font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; }
.paket-kart__ad { font-family: var(--font-display); font-size: var(--fs-md); color: var(--c-header); }
.paket-kart__fiyat { font-size: var(--fs-2xl); font-weight: 800; color: var(--c-primary); line-height: 1.1; }
.paket-kart__gun { font-size: var(--fs-sm); color: var(--c-ink-soft); font-weight: 600; }
.paket-kart__aciklama { font-size: var(--fs-xs); color: var(--c-ink-soft); line-height: 1.5; margin-top: 6px; }

/* ---------- Tablo ---------- */
.tablo-sar { overflow-x: auto; }
.veri-tablo { width: 100%; border-collapse: collapse; background: var(--c-surface); border-radius: var(--r-lg); overflow: hidden; }
.veri-tablo th, .veri-tablo td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--c-line-soft); font-size: var(--fs-sm); }
.veri-tablo th { background: var(--c-surface-2); font-weight: 700; color: var(--c-header); }
.veri-tablo a { color: var(--c-accent); text-decoration: none; }
.tablo-not { display: block; color: var(--c-ink-faint); font-size: var(--fs-xs); margin-top: 3px; }

/* ---------- Mesajlaşma ---------- */
.sohbet-liste { list-style: none; padding: 0; margin: var(--sp-4) 0 0; display: flex; flex-direction: column; gap: 6px; }
.sohbet-liste__oge a {
  display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-3);
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg);
  text-decoration: none; color: inherit;
}
.sohbet-liste__oge.is-yeni a { border-color: var(--c-green); background: var(--c-green-soft); }
.sohbet-liste__avatar {
  width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--c-primary); color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 800;
}
.sohbet-liste__bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.sohbet-liste__bilgi small { color: var(--c-ink-soft); font-size: var(--fs-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sohbet-liste__sag { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; flex: none; }
.sohbet-liste__sag small { color: var(--c-ink-faint); font-size: var(--fs-xs); }
.sohbet-liste__rozet { min-width: 21px; height: 21px; padding: 0 6px; border-radius: var(--r-pill); background: var(--c-haber); color: #fff; font-size: var(--fs-xs); font-weight: 700; display: flex; align-items: center; justify-content: center; }

.sohbet { max-width: 780px; margin: var(--sp-4) auto 0; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); overflow: hidden; }
.sohbet__ust { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); border-bottom: 1px solid var(--c-line); background: var(--c-surface-2); }
.sohbet__geri { font-size: var(--fs-lg); text-decoration: none; color: var(--c-ink); }
.sohbet__avatar { width: 40px; height: 40px; flex: none; border-radius: 50%; background: var(--c-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.sohbet__kim { display: flex; flex-direction: column; }
.sohbet__kim a { font-size: var(--fs-xs); color: var(--c-accent); text-decoration: none; }

.sohbet__istek { padding: var(--sp-4); background: #FDF3D8; border-bottom: 1px solid #EBD9A0; font-size: var(--fs-sm); }
.sohbet__istek--bekleyen, .sohbet__istek--kapali { background: var(--c-surface-2); border-color: var(--c-line); color: var(--c-ink-soft); }
.sohbet__istek-butonlar { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-3); }
.sohbet__istek-butonlar form { margin: 0; }

.sohbet__akis { display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-4); height: 420px; overflow-y: auto; background: var(--c-bg); }
.balon { max-width: 74%; padding: 10px 14px; border-radius: var(--r-lg); font-size: var(--fs-sm); line-height: 1.55; }
.balon p { word-break: break-word; white-space: pre-wrap; }
.balon time { display: block; font-size: 11px; opacity: .65; margin-top: 5px; }
.balon--ben { align-self: flex-end; background: var(--c-primary); color: #fff; border-bottom-right-radius: 4px; }
.balon--karsi { align-self: flex-start; background: var(--c-surface); border: 1px solid var(--c-line); border-bottom-left-radius: 4px; }

.sohbet__yaziyor { padding: 0 var(--sp-4) var(--sp-2); font-size: var(--fs-xs); color: var(--c-ink-soft); font-style: italic; }
.sohbet__yaziyor span { animation: yaziyorNokta 1.2s infinite; }
.sohbet__yaziyor span:nth-child(2) { animation-delay: .2s; }
.sohbet__yaziyor span:nth-child(3) { animation-delay: .4s; }
@keyframes yaziyorNokta { 0%, 60%, 100% { opacity: .25; } 30% { opacity: 1; } }

.sohbet__yaz { display: flex; gap: var(--sp-2); padding: var(--sp-3); border-top: 1px solid var(--c-line); }
.sohbet__yaz textarea {
  flex: 1; resize: none; padding: 10px 13px; font-family: var(--font-body); font-size: var(--fs-sm);
  border: 1px solid var(--c-line); border-radius: var(--r-md); background: var(--c-surface-3);
}
.sohbet__yaz textarea:focus { outline: none; border-color: var(--c-green); }
.sohbet__uyari { text-align: center; font-size: var(--fs-xs); color: var(--c-ink-faint); padding: 0 var(--sp-4) var(--sp-3); }

.bildirim-liste { list-style: none; padding: 0; margin: var(--sp-4) 0 0; display: flex; flex-direction: column; gap: 6px; }
.bildirim { display: flex; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-md); }
.bildirim.is-yeni { border-color: var(--c-green); background: var(--c-green-soft); }
.bildirim__ikon { font-size: var(--fs-md); flex: none; }
.bildirim__govde { display: flex; flex-direction: column; gap: 3px; font-size: var(--fs-sm); }
.bildirim__govde a { color: var(--c-ink); text-decoration: none; font-weight: 600; }
.bildirim__govde time { font-size: var(--fs-xs); color: var(--c-ink-faint); }

/* ---------- Giriş / kayıt ---------- */
.auth-sayfa { display: flex; justify-content: center; padding: var(--sp-7) var(--sp-4) var(--sp-8); }
.auth-kart { width: 100%; max-width: 440px; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-xl); padding: var(--sp-6); box-shadow: var(--shadow-2); }
.auth-kart__baslik { font-family: var(--font-display); font-size: var(--fs-xl); color: var(--c-header); text-align: center; }
.auth-kart__alt { text-align: center; color: var(--c-ink-soft); font-size: var(--fs-sm); line-height: 1.6; margin: var(--sp-2) 0 var(--sp-5); }
.auth-ayrac { display: flex; align-items: center; gap: var(--sp-3); margin: var(--sp-4) 0; color: var(--c-ink-faint); font-size: var(--fs-xs); }
.auth-ayrac::before, .auth-ayrac::after { content: ""; flex: 1; height: 1px; background: var(--c-line); }
.auth-form { margin-top: var(--sp-4); }
.auth-form .form-onay { margin-bottom: var(--sp-4); }
.auth-kart__gec { text-align: center; margin-top: var(--sp-4); font-size: var(--fs-sm); color: var(--c-ink-soft); }
.auth-kart__gec a { color: var(--c-accent); font-weight: 700; text-decoration: none; }

/* ============================================================
   Menü: geniş "Rehber" paneli + açıklamalı satırlar (ErzincanRehberi deseni)
   Temel .nav-dropdown kuralları site.css'te; burada yalnız zenginleştirme var.
   ============================================================ */

/* Tetikle panel arasındaki boşlukta imleç kaybolmasın — hover köprüsü. */
.nav-dropdown.is-open .nav-dropdown__menu::before {
  content: ""; position: absolute; top: -12px; left: 0; right: 0; height: 12px;
}

.nav-dropdown__menu--genis {
  width: min(640px, calc(100vw - 32px));
  padding: 14px;
}
.nav-dropdown.is-open .nav-dropdown__menu--genis {
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px 18px;
}
/* Sağ sütun uzun listede kendi içinde kaysın, panel ekranı taşırmasın. */
.nav-dropdown__sutun { min-width: 0; max-height: 68vh; overflow-y: auto; }

.nav-dropdown__grup {
  display: block; padding: 10px 12px 5px;
  font-size: var(--fs-xs); font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
  color: var(--c-accent);
}
.nav-dropdown__sutun > .nav-dropdown__grup:first-child { padding-top: 2px; }

/* Açıklamalı satır: başlık + tek satır özet */
.nav-dropdown__item--zengin { padding: 9px 12px; }
.nav-dropdown__item--zengin strong {
  display: block; font-size: var(--fs-sm); font-weight: 700; color: var(--c-header); margin-bottom: 2px;
}
.nav-dropdown__item--zengin span {
  display: block; font-size: var(--fs-xs); line-height: 1.45; color: var(--c-ink-soft); font-weight: 400;
}
.nav-dropdown__item--zengin:hover strong { color: var(--c-green); }

.nav-dropdown__tumu {
  margin-top: 4px; border-top: 1px solid var(--c-line-soft);
  color: var(--c-accent); font-weight: 700;
}

/* Kategori/yasal kısayolları — panelde yer kaplamasın diye çip */
.nav-dropdown__cipler { display: flex; flex-wrap: wrap; gap: 5px; padding: 4px 8px 8px; }
.nav-dropdown__cip {
  display: inline-block; padding: 6px 11px; border-radius: var(--r-pill);
  background: var(--c-surface-2); border: 1px solid var(--c-line);
  font-size: var(--fs-xs); font-weight: 600; color: var(--c-ink);
  text-decoration: none; transition: background .12s var(--ease), color .12s var(--ease);
}
.nav-dropdown__cip:hover { background: var(--c-green-soft); color: var(--c-green); border-color: #C8D9B8; }

/* Geniş panel sağ kenardan taşmasın: menünün son öğelerinde sağa hizala. */
.main-nav__list > li:nth-last-child(-n+2) .nav-dropdown__menu { left: auto; right: 0; }

@media (max-width: 1120px) {
  .nav-dropdown__menu--genis { width: min(520px, calc(100vw - 24px)); }
  .nav-dropdown.is-open .nav-dropdown__menu--genis { grid-template-columns: 1fr; }
  .nav-dropdown__sutun { max-height: none; }
}

/* Mobil menüde grup altındaki bağlantılar girintili dursun */
.mobile-menu__link--alt { padding-left: 28px; font-size: var(--fs-sm); }

/* ---------- Header üye alanı ---------- */
.header-uye { display: flex; align-items: center; gap: var(--sp-2); margin-left: auto; }
.header-uye__link { color: var(--c-header-ink); text-decoration: none; font-size: var(--fs-sm); font-weight: 600; padding: 7px 12px; border-radius: var(--r-pill); }
.header-uye__link:hover { background: rgba(255,255,255,.12); }
.header-uye__ver { background: var(--c-gold-2); color: #2A2318; padding: 8px 15px; border-radius: var(--r-pill); font-weight: 700; font-size: var(--fs-sm); text-decoration: none; white-space: nowrap; }
.header-uye__rozet { display: inline-block; min-width: 18px; padding: 1px 6px; border-radius: var(--r-pill); background: var(--c-haber); color: #fff; font-size: 11px; font-weight: 700; margin-left: 4px; }
/* Yönetim kısayolu — üye bağlantılarından ayrışsın diye çerçeveli ve altın */
.header-uye__admin {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 12px; border-radius: var(--r-pill);
  border: 1px solid rgba(226,188,80,.5); color: var(--c-gold);
  font-size: var(--fs-sm); font-weight: 700; text-decoration: none; white-space: nowrap;
}
.header-uye__admin:hover { background: rgba(226,188,80,.14); }

/* Paylaş: kopyala butonu geri bildirimi */
.share__btn--kopya { cursor: pointer; font: inherit; }
.share__btn.is-kopyalandi { background: var(--c-primary); color: #fff; border-color: var(--c-primary); }

/* Çıkış bir POST formudur (GET ile çıkış CSRF'e açık olurdu) — bağlantı gibi görünsün. */
.header-uye__cikis, .uye-nav__cikis { margin: 0; display: inline-flex; }
.header-uye__cikis button, .uye-nav__cikis button { background: none; border: 0; cursor: pointer; font-family: inherit; }

/* ---------- Anasayfa pazar bölümü ---------- */
.pazar-tanit { background: var(--c-surface-2); padding: var(--sp-7) 0; margin: var(--sp-7) 0; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.pazar-tanit__head { text-align: center; max-width: 62ch; margin: 0 auto var(--sp-6); }
.pazar-tanit__title { font-family: var(--font-display); font-size: var(--fs-2xl); color: var(--c-header); line-height: 1.2; }
.pazar-tanit__sub { color: var(--c-ink-soft); line-height: 1.65; margin-top: var(--sp-3); }
.pazar-tanit__butonlar { display: flex; flex-wrap: wrap; gap: var(--sp-3); justify-content: center; margin-top: var(--sp-4); }

.kategori-cip-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--sp-3); margin-bottom: var(--sp-6); }
.kategori-cip {
  display: flex; flex-direction: column; align-items: center; gap: 7px; padding: var(--sp-4) var(--sp-2);
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg);
  text-decoration: none; color: var(--c-ink); text-align: center;
  transition: transform .15s var(--ease), border-color .15s var(--ease);
}
.kategori-cip:hover { transform: translateY(-3px); border-color: var(--c-green); }
.kategori-cip__ikon { font-size: 1.9rem; }
.kategori-cip__ad { font-size: var(--fs-sm); font-weight: 600; line-height: 1.3; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1000px) {
  .pazar-duzen { grid-template-columns: 1fr; }
  .pazar-yan { position: static; }
  .ilan-detay__duzen { grid-template-columns: 1fr; }
  .ilan-detay__yan { position: static; order: -1; }
}

@media (max-width: 980px) {
  /* Mobilde üye bağlantıları hamburger butonunu ekran dışına itiyordu.
     Panelim/Mesajlar/Çıkış zaten mobil menüde var; burada yalnız ilan verme
     çağrısı kalır ve küçülür. */
  .header-uye { margin-left: auto; gap: 4px; }
  .header-uye__link, .header-uye__cikis, .header-uye__admin { display: none; }
  .header-uye__ver { padding: 7px 11px; font-size: var(--fs-xs); }
}

@media (max-width: 700px) {
  .pazar-baslik { font-size: var(--fs-xl); }
  .pazar-sekme__ver { margin-left: 0; }
  .ilan-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--sp-3); }
  .ilan-kart__baslik { font-size: var(--fs-sm); }
  .ilanlarim-satir { grid-template-columns: 84px 1fr; }
  .ilanlarim-satir__gorsel { width: 84px; height: 64px; }
  .ilanlarim-satir__islem { grid-column: 1 / -1; max-width: none; justify-content: flex-start; }
  .uye-nav__ver { margin-left: 0; }
  .form-satir { flex-direction: column; gap: 0; }
  .sohbet__akis { height: 60vh; }
  .balon { max-width: 88%; }
  .satici-ust { flex-direction: column; }
}