/* Forum sayfaları + ana sayfadaki forum bandı. Genel renkler site.css :root'ta; BÖLÜM RENKLERİ yalnız burada. */
:root {
  --forum-duyurular: #d6b26e;   /* altın */
  --forum-hata: #e2724f;        /* kor */
  --forum-oneri: #4cbf9f;       /* yeşil-turkuaz */
  --forum-siniflar: #9a86e8;    /* mor-mavi */
  --forum-genel: #67a6e3;       /* mavi */
}
.b-duyurular { --b-renk: var(--forum-duyurular); }
.b-hata { --b-renk: var(--forum-hata); }
.b-oneri { --b-renk: var(--forum-oneri); }
.b-siniflar { --b-renk: var(--forum-siniflar); }
.b-genel { --b-renk: var(--forum-genel); }
.forum-dar { width: min(920px, calc(100% - 32px)); }
.forum-baslik { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 18px; }
.forum-baslik > div:first-child { flex: 1 1 320px; min-width: 0; }
.forum[class*=" b-"] .forum-baslik h1 { border-left: 4px solid var(--b-renk); padding-left: 12px; }
.forum-eylem { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.forum-durum { margin-bottom: 14px; }
.forum-yol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-bottom: 10px; font-size: 14px; color: var(--soluk); min-width: 0; }
.forum-yol a { color: var(--altin); }
.forum-yol [aria-current] { color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; min-width: 0; }
.forum-yol .ayrac { color: var(--soluk-2); }

/* ------------------------------------------------------------------ yazar satırı */
.yazar { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; vertical-align: middle; }
.yazar-ad { color: var(--fildisi); font-weight: 600; overflow-wrap: anywhere; }
.yazar .rozet-isaret { margin-left: 0; }
.yazar.kisa .yazar-ad { font-weight: 600; color: var(--metin); }
.yazar.kisa .rozet-isaret { width: 20px; height: 20px; }
.yazar.kisa .rozet-isaret.gm { width: 24px; height: 24px; }
.yazar .cip { font-size: 12px; padding: 0 8px; }

/* ------------------------------------------------------------------ bölüm listesi */
.forum-liste { display: grid; gap: 12px; }
.forum-bolum { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr) 128px minmax(0, 280px); gap: 16px; align-items: center; padding: 16px 18px;
  box-shadow: none; border-color: var(--kenar); border-left: 4px solid var(--b-renk, var(--altin)); transition: transform .15s, box-shadow .15s, border-color .15s; }
.forum-bolum:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, .5); border-color: var(--b-renk, var(--kenar-guclu)); }
.fb-simge { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--b-renk, var(--kenar)); color: var(--b-renk, var(--altin-acik));
  background: rgba(214, 178, 110, .08); background: color-mix(in srgb, var(--b-renk, var(--altin)) 16%, transparent); }
.fb-simge .ikon { width: 26px; height: 26px; }
.fb-govde { min-width: 0; display: grid; gap: 5px; justify-items: start; }
.fb-govde h2 { font-size: 22px; margin: 0; }
.fb-govde h2 a { color: var(--fildisi); }
.fb-govde h2 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }   /* bütün kart tıklanır */
.forum-bolum:hover .fb-govde h2 a { color: var(--b-renk, var(--altin-acik)); text-decoration: none; }
.fb-govde p { margin: 0; color: var(--metin); font-size: 15.5px; line-height: 1.5; }
.fb-govde .cip { position: relative; z-index: 1; }
.fb-sayi { display: grid; gap: 4px; font-size: 15px; color: var(--metin); }
.fb-sayi span { display: inline-flex; align-items: center; gap: 7px; }
.fb-sayi .ikon { color: var(--b-renk, var(--altin)); }
.fb-sayi b { color: var(--fildisi); font-size: 17px; font-variant-numeric: tabular-nums; }
.fb-son { min-width: 0; display: grid; gap: 3px; font-size: 14.5px; color: var(--metin); }
.fb-son-etiket { font-size: 12.5px; color: var(--soluk); letter-spacing: .03em; }
.fb-son a, .fb-son-alt { position: relative; z-index: 1; }
.fb-son-baslik { color: var(--altin-acik); font-weight: 600; font-size: 15.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fb-son-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; }

/* ------------------------------------------------------------------ eylem şeridi (forum ana sayfası) */
.forum-serit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-bottom: 16px; padding: 14px 18px;
  border: 1px solid var(--kenar-guclu); border-radius: var(--yaricap); background: linear-gradient(90deg, rgba(214, 178, 110, .14), rgba(214, 178, 110, .03)); }
.forum-serit p { margin: 0; color: var(--fildisi); font-size: 15.5px; flex: 1 1 280px; }
.forum-serit .dugmeler { gap: 8px; }
.dugme .ikon.renkli { color: var(--b-renk, currentColor); }

/* ------------------------------------------------------------------ konu listesi */
.forum-kutu { padding: 6px 0; border-color: var(--kenar-guclu); border-top: 3px solid var(--b-renk, var(--kenar-guclu)); }
.konu-liste .bos { padding: 28px 16px; }
.konu-satir { display: grid; grid-template-columns: 34px minmax(0, 1fr) 92px minmax(0, 220px); gap: 12px; align-items: center; padding: 12px 18px; border-bottom: 1px solid rgba(201, 164, 98, .28); transition: background .15s; }
.konu-satir:hover { background: rgba(214, 178, 110, .06); }
.konu-satir:last-child { border-bottom: 0; }
.konu-satir.sabit { background: rgba(214, 178, 110, .05); }
.ks-simge { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--kenar); color: var(--b-renk, var(--soluk)); }
.konu-satir.sabit .ks-simge { color: var(--altin-acik); border-color: var(--kenar); }
.ks-govde { min-width: 0; display: grid; gap: 3px; }
.ks-baslik { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.ks-baslik a { color: var(--fildisi); font-weight: 600; font-size: 16px; overflow-wrap: anywhere; min-width: 0; }
.ks-baslik .cip { font-size: 12px; padding: 0 8px; }
.ks-resimli { color: var(--altin); display: inline-flex; }
.ks-alt, .ks-son { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; font-size: 14px; color: var(--metin); min-width: 0; }
.ks-yanit { text-align: center; font-size: 14px; color: var(--metin); }
.ks-yanit b { display: block; font-size: 18px; color: var(--fildisi); font-variant-numeric: tabular-nums; line-height: 1.2; }
.ks-son-etiket { color: var(--soluk); }

/* ------------------------------------------------------------------ sayfalama */
.forum-sayfa { flex-wrap: wrap; gap: 6px; margin: 14px 0; }
.forum-sayfa .dugme.kucuk { min-width: 38px; padding: 6px 10px; }
.sf-bosluk { color: var(--soluk-2); padding: 0 2px; }

/* ------------------------------------------------------------------ konu sayfası */
.konu-ust { margin-bottom: 8px; display: grid; gap: 10px; }
.konu-ust h1 { font-family: var(--govde); font-weight: 600; text-transform: none; letter-spacing: 0; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.25; margin: 0; overflow-wrap: anywhere; }
.konu-cipler { gap: 8px; }
.konu-yonet { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border: 1px dashed var(--kenar); border-radius: var(--yaricap-k); background: rgba(0, 0, 0, .18); }
.konu-yonet-etiket { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--altin-acik); margin-right: 4px; }
.ileti-liste { display: grid; gap: 12px; }
.ileti-kart { border: 1px solid var(--kenar); border-radius: var(--yaricap); background: linear-gradient(180deg, var(--plaka-2), var(--plaka)); padding: 14px 16px; display: grid; gap: 10px; scroll-margin-top: 84px; transition: border-color .4s, box-shadow .4s; }
.ileti-kart.ilk { border-color: var(--kenar-guclu); border-left: 4px solid var(--b-renk, var(--kenar-guclu)); }
.ileti-kart.vurgu { border-color: var(--altin-acik); box-shadow: 0 0 0 3px rgba(214, 178, 110, .25); }
.ik-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(201, 164, 98, .26); }
.ik-zaman { font-size: 14px; color: var(--soluk); }
.ik-bag { margin-left: auto; font-size: 13px; color: var(--soluk-2); }
.ik-metin { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.ik-silindi { margin: 0; display: flex; align-items: center; gap: 8px; color: var(--soluk-2); font-style: italic; }
.ileti-kart.silindi { background: rgba(0, 0, 0, .2); }
.ik-resimler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.ik-resim { padding: 0; border: 1px solid var(--kenar); border-radius: var(--yaricap-k); background: #000; cursor: zoom-in; overflow: hidden; width: 168px; height: 112px; }
.ik-resim img { width: 100%; height: 100%; object-fit: cover; }
.ik-resim:hover { border-color: var(--kenar-guclu); }
.ik-eylem { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.ik-eylem .dugme.kucuk { min-height: 30px; padding: 4px 10px; font-size: 13.5px; }
.ik-eylem + .ik-bag { margin-left: 0; }
.duzenle-form textarea { min-height: 140px; }
.yanit-plaka { margin-top: 18px; border-color: var(--kenar-guclu); }
.yanit-plaka h2 { font-size: 22px; margin-bottom: 12px; }
.yanit-plaka textarea { min-height: 130px; }

/* ------------------------------------------------------------------ resim ekleme */
.resim-alani { display: grid; gap: 10px; }
.resim-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.resim-onizleme { display: flex; flex-wrap: wrap; gap: 10px; }
.resim-kart { position: relative; width: 132px; height: 96px; border-radius: var(--yaricap-k); border: 1px solid var(--kenar); background: #0f0c09; overflow: hidden; }
.resim-kart img { width: 100%; height: 100%; object-fit: cover; }
.resim-kart.hata { border-color: rgba(216, 106, 85, .8); }
.resim-yer { width: 100%; height: 100%; display: grid; place-items: center; color: var(--soluk-2); }
.resim-yer .ikon { width: 28px; height: 28px; }
.resim-durum { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px; text-align: center; font-size: 12.5px; line-height: 1.3; color: var(--fildisi); background: rgba(10, 8, 6, .72); }
.resim-durum.hata { color: #f6b6a8; background: rgba(40, 12, 8, .82); }
.resim-kaldir { position: absolute; top: 4px; right: 4px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--kenar-guclu); background: rgba(13, 11, 9, .85); color: var(--fildisi); display: grid; place-items: center; cursor: pointer; padding: 0; }
.resim-kaldir .ikon { width: 15px; height: 15px; }
.resim-kaldir:hover { border-color: var(--altin-acik); color: var(--altin-acik); }

/* ------------------------------------------------------------------ büyük resim */
dialog.forum-isik img { width: auto; max-width: 100%; margin-inline: auto; }
dialog.forum-isik .isik-alt { flex-wrap: wrap; }

/* ------------------------------------------------------------------ dar ekranlar */
@media (max-width: 900px) {
  .forum-bolum { grid-template-columns: 44px minmax(0, 1fr); gap: 10px 14px; padding: 14px; }
  .fb-simge { width: 44px; height: 44px; align-self: start; }
  .fb-simge .ikon { width: 22px; height: 22px; }
  .fb-sayi, .fb-son { grid-column: 2; }
  .fb-sayi { display: flex; flex-wrap: wrap; gap: 4px 16px; }
  .fb-govde h2 { font-size: 20px; }
  .konu-satir { grid-template-columns: 34px auto minmax(0, 1fr); gap: 4px 12px; padding: 12px 14px; }
  .ks-simge { grid-row: 1 / span 2; align-self: start; }
  .ks-govde { grid-column: 2 / -1; }
  .ks-yanit { grid-column: 2; text-align: left; white-space: nowrap; }
  .ks-yanit b { display: inline; font-size: 13.5px; color: var(--metin); }
  .ks-son { grid-column: 3; }
}
@media (max-width: 560px) {
  .forum-baslik .forum-eylem { width: 100%; }
  .forum-baslik .forum-eylem .dugme { flex: 1 1 auto; }
  .ileti-kart { padding: 12px; }
  .ik-resim { width: calc(50% - 4px); height: 104px; }
  .resim-kart { width: calc(50% - 5px); height: 100px; }
  .forum-sayfa .sf-yazi { display: none; }
  .ik-eylem .dugme.kucuk { min-height: 34px; }
}

/* ------------------------------------------------------------------ yönetim: forum bildirimleri */
.fbl-liste { display: grid; gap: 10px; }
.fbl { border: 1px solid var(--kenar-soluk); border-radius: var(--yaricap-k); padding: 12px 14px; display: grid; gap: 8px; background: rgba(0, 0, 0, .18); }
.fbl-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 14px; color: var(--soluk); }
.fbl-kim { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; }
.fbl-neden { overflow-wrap: anywhere; }
.fbl-neden b { color: var(--altin-acik); font-weight: 600; }
.fbl-ileti { border-left: 3px solid var(--kenar); padding: 6px 0 6px 12px; display: grid; gap: 4px; }
.fbl-ileti-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; font-size: 14px; }
.fbl-konu { color: var(--soluk); overflow-wrap: anywhere; }
.fbl-metin { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--metin); font-size: 14.5px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* bilgi kutusundaki bağlantı metinden ayrılsın */
.forum .ileti a { color: var(--altin-acik); text-decoration: underline; text-underline-offset: 3px; }
.ik-eylem[hidden] + .ik-bag { margin-left: auto; }

/* ------------------------------------------------------------------ ana sayfa: forum bandı */
.forum-bant-bolum { padding: 40px 0 8px; }
.forum-bant { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 22px 28px; align-items: start; padding: 24px 26px;
  border: 1px solid var(--kenar-guclu); border-radius: var(--yaricap-b); box-shadow: var(--golge);
  background: radial-gradient(120% 140% at 0% 0%, rgba(214, 178, 110, .16), transparent 55%), linear-gradient(180deg, var(--plaka-2), var(--plaka)); }
.forum-bant.tek { grid-template-columns: minmax(0, 1fr); }
.forum-bant-sol { display: flex; gap: 18px; align-items: flex-start; min-width: 0; }
.forum-bant-simge { flex: none; width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--kenar-guclu); color: var(--altin-acik); background: rgba(214, 178, 110, .12); }
.forum-bant-simge .ikon { width: 30px; height: 30px; }
.forum-bant-sol > div { min-width: 0; display: grid; gap: 10px; }
.forum-bant h2 { margin: 0; font-size: clamp(24px, 3vw, 32px); display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.forum-bant h2 .yeni-rozet { font-size: 12px; }
.forum-bant-sol p { margin: 0; color: var(--metin); font-size: 16px; }
.forum-bant .dugmeler { gap: 8px; margin-top: 4px; }
.forum-bant-son { min-width: 0; display: grid; gap: 8px; padding: 14px 16px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: rgba(0, 0, 0, .22); }
.forum-bant-son h3 { margin: 0; font-size: 18px; }
.forum-bant-son ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.forum-bant-son li a { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 2px 10px; padding: 8px 10px; border-radius: var(--yaricap-k); border-left: 3px solid var(--b-renk, var(--altin)); background: rgba(255, 255, 255, .02); color: var(--fildisi); }
.forum-bant-son li a:hover { background: rgba(214, 178, 110, .08); text-decoration: none; }
.fs-nokta { width: 10px; height: 10px; border-radius: 50%; margin-top: 7px; background: var(--b-renk, var(--altin)); }
.fs-baslik { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fs-alt { grid-column: 2; font-size: 13.5px; color: var(--soluk); }
.forum-bant-son > a { font-size: 14.5px; justify-self: start; }
@media (max-width: 900px) {
  .forum-bant { grid-template-columns: minmax(0, 1fr); padding: 18px; }
}
@media (max-width: 560px) {
  .forum-bant-sol { flex-direction: column; gap: 12px; }
  .forum-bant-simge { width: 48px; height: 48px; }
  .forum-bant .dugmeler .dugme { flex: 1 1 auto; }
  .forum-serit .dugmeler { width: 100%; }
  .forum-serit .dugmeler .dugme { flex: 1 1 auto; }
}

/* şeridin içinde yalnız uyarı kutusu varsa çerçevesiz */
.forum-serit.engel { padding: 0; border: 0; background: none; }
.forum-serit.engel .ileti { flex: 1 1 100%; }
.bolum-cip { border-color: var(--b-renk, var(--kenar)); color: var(--fildisi); }
.bolum-cip .ikon { color: var(--b-renk, currentColor); }
.bolum-cip:hover { text-decoration: none; background: rgba(214, 178, 110, .1); }