/* ============================================================================
   MEVZUATIM — Gönderi kartı, yorumlar ve "Gönderi Oluştur" penceresi (gonderi.css) — adım 8, 13.11.2026
   Ana sayfa (akış), gönderi detayı (/post/<id>/) ve haber sayfası (/mansetler/<id>/) aynı parçaları kullanır
   (templates/ui/_gonderi_karti.html, _yorum.html, _paylasim_penceresi.html). Yalnız mz.css token'ları.
   Taşındı: anasayfa.css'teki kart + pencere kuralları (13.11 ana sayfa adımı) aynen; eklenenler en altta.
   ========================================================================== */
.mz-akis-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; background: var(--mz-brand-100); }

/* --- gönderi kartı --- */
.mz-akis__liste { display: grid; gap: var(--mz-4); }
.mz-gonderi { overflow: hidden; }
.mz-gonderi__bas { display: flex; align-items: center; gap: var(--mz-3); padding: var(--mz-4) var(--mz-4) var(--mz-2); }
.mz-gonderi__kim { flex: 1; min-width: 0; display: grid; }
.mz-gonderi__yazar { overflow-wrap: anywhere; }
.mz-gonderi__metin { padding: 0 var(--mz-4); line-height: 1.55; overflow-wrap: anywhere; max-height: 220px; overflow: hidden; position: relative; }
.mz-gonderi__metin p { margin: 0 0 var(--mz-2); }
.mz-gonderi__metin img { max-width: 100%; height: auto; }
.mz-gonderi__metin--kesik::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 56px; background: linear-gradient(rgba(255, 255, 255, 0), var(--mz-surface)); pointer-events: none; }
.mz-gonderi__devami { display: inline-flex; margin: var(--mz-1) var(--mz-4) 0; min-height: var(--mz-tap); align-items: center; gap: var(--mz-1); }
.mz-gonderi__gorsel { display: block; width: 100%; margin-top: var(--mz-3); padding: 0; border: 0; background: var(--mz-ink); cursor: zoom-in; }
.mz-gonderi__gorsel img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; }
.mz-gonderi__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mz-2); padding: var(--mz-2) var(--mz-4); margin-top: var(--mz-3); border-top: 1px solid var(--mz-line); }
.mz-gonderi__alt .mz-linkbtn { min-height: var(--mz-tap); }
.mz-gonderi__eylem { display: flex; flex-wrap: wrap; gap: var(--mz-1); }
.mz-alinti { display: grid; gap: 2px; margin: var(--mz-3) var(--mz-4) 0; padding: var(--mz-3); border-left: 4px solid var(--mz-brand-500); border-radius: 0 var(--mz-radius) var(--mz-radius) 0; background: var(--mz-surface-2); color: var(--mz-ink) !important; text-decoration: none !important; font-size: var(--mz-text-sm); position: relative; }
.mz-alinti__kim { font-weight: 600; color: var(--mz-brand-700); }
.mz-alinti__metin { font-style: italic; overflow-wrap: anywhere; }
.mz-alinti--gizli { border-left-color: var(--mz-ink-4); color: var(--mz-ink-3) !important; font-style: italic; }
.mz-yorumlar { padding: var(--mz-3) var(--mz-4) var(--mz-4); background: var(--mz-surface-2); border-top: 1px solid var(--mz-line); }
.mz-yorumlar__liste { list-style: none; margin: 0 0 var(--mz-3); padding: 0; display: grid; gap: var(--mz-2); }
.mz-yorum { padding: var(--mz-2) var(--mz-3); border-radius: var(--mz-radius); background: var(--mz-surface); border: 1px solid var(--mz-line); }
.mz-yorum__bas { display: flex; flex-wrap: wrap; gap: var(--mz-2); align-items: baseline; justify-content: space-between; }
.mz-yorum__metin { margin: var(--mz-1) 0 0; overflow-wrap: anywhere; white-space: pre-line; }
.mz-yorum-form { display: flex; gap: var(--mz-2); }
.mz-yorum-form .mz-input { flex: 1; min-width: 0; border-radius: var(--mz-radius-full); }
.mz-yorum-giris { margin: 0; }
.mz-yorum-giris a, .mz-paylas__duvar-metin a { font-weight: 600; text-decoration: underline; }
.mz-akis-sil { width: 36px; height: 36px; font-size: 1rem; color: var(--mz-ink-3); }
.mz-akis-sil:hover { color: var(--mz-danger); background: var(--mz-danger-bg); }

/* --- pencereler --- */
.mz-gorsel-pencere { width: min(96vw, 1100px); max-width: 96vw; background: transparent; box-shadow: none; }
.mz-gorsel-pencere img { display: block; width: 100%; height: auto; max-height: 86vh; object-fit: contain; border-radius: var(--mz-radius); }
.mz-gorsel-pencere__kapat { position: absolute; top: var(--mz-2); right: var(--mz-2); background: var(--mz-surface); }
.mz-gorsel-pencere::backdrop { background: rgba(15, 23, 42, .8); }
.mz-paylas-pencere { width: min(94vw, 560px); max-height: min(92vh, 92dvh); overflow: hidden; }
.mz-paylas-pencere[open] { display: flex; flex-direction: column; }
.mz-paylas-pencere__form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.mz-paylas-pencere__bas { display: flex; align-items: center; justify-content: space-between; gap: var(--mz-3); padding: var(--mz-3) var(--mz-4) var(--mz-3) var(--mz-6); border-bottom: 1px solid var(--mz-line); }
.mz .mz-paylas-pencere__bas h2 { margin: 0; font-size: var(--mz-text-lg); }
.mz-paylas-pencere__govde { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: var(--mz-4) var(--mz-6); display: grid; gap: var(--mz-3); }
.mz-paylas-pencere__kim { display: flex; align-items: center; gap: var(--mz-3); }
.mz-select--sm { min-height: 36px; padding: 4px var(--mz-2); margin-top: var(--mz-1); width: auto; }
.mz-paylas-pencere__baslik-alani .mz-field { margin-bottom: var(--mz-2); }
.mz-paylas-pencere__editor { border: 1px solid var(--mz-line-2); border-radius: var(--mz-radius); overflow: hidden; }
.mz-paylas-pencere__editor .ql-toolbar.ql-snow { border: 0; border-bottom: 1px solid var(--mz-line); }
.mz-paylas-pencere__editor .ql-container.ql-snow { border: 0; font: 400 var(--mz-text-md) var(--mz-font-ui); }
.mz-paylas-pencere__editor .ql-editor { min-height: 160px; max-height: 40vh; overflow-y: auto; overflow-wrap: anywhere; }
.mz-paylas-pencere__yukleniyor { margin: 0; padding: var(--mz-4); }
.mz-paylas-pencere__govde .mz-field { margin-bottom: 0; }
#hedefGrupSecim { margin-top: var(--mz-2); }
.mz-alinti--secili { margin: 0; padding-right: 48px; }
.mz-alinti__kaldir { position: absolute; top: 2px; right: 2px; width: 36px; height: 36px; }
.mz-paylas-pencere__onizleme { position: relative; padding: var(--mz-2); border-radius: var(--mz-radius); background: var(--mz-surface-3); text-align: center; }
.mz-paylas-pencere__onizleme img { max-width: 100%; max-height: 240px; width: auto; height: auto; border-radius: var(--mz-radius-sm); }
.mz-paylas-pencere__onizleme .mz-iconbtn { position: absolute; top: var(--mz-1); right: var(--mz-1); background: var(--mz-surface); }
.mz-paylas-pencere__ekler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mz-2); }
.mz-paylas-pencere__alt { padding: var(--mz-3) var(--mz-6) var(--mz-4); border-top: 1px solid var(--mz-line); background: var(--mz-surface); }
.mz-dosya-secici { width: min(94vw, 560px); }
.mz-dosya-secici__liste { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; display: grid; gap: 2px; }
.mz-dosya-secici__satir { display: flex; align-items: center; gap: var(--mz-2); width: 100%; min-height: var(--mz-tap); padding: 0 var(--mz-3); border: 0; border-radius: var(--mz-radius-sm); background: none; font: 500 var(--mz-text-sm) var(--mz-font-ui); color: var(--mz-ink); text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.mz-dosya-secici__satir:hover, .mz-dosya-secici__satir[aria-pressed="true"] { background: var(--mz-brand-50); }
.mz-dosya-secici__satir .fa-folder { color: var(--mz-warning); }
.mz-dosya-secici__secilen { margin-right: auto; color: var(--mz-brand-700); overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
  .mz-paylas-pencere, .mz-dosya-secici { width: 100vw; max-width: 100vw; }
  .mz-paylas-pencere__govde, .mz-paylas-pencere__alt { padding-left: var(--mz-4); padding-right: var(--mz-4); }
}

/* --- adım 8 (13.11): yazar bağlantısı (UX-089), detay kartı --- */
.mz-gonderi__avatar-baglanti { display: inline-flex; border-radius: 50%; flex: none; }
.mz-gonderi__yazar--baglanti { font-weight: 700; color: var(--mz-ink) !important; text-decoration: none; justify-self: start; }
.mz-gonderi__yazar--baglanti:hover, .mz-gonderi__yazar--baglanti:focus-visible { color: var(--mz-brand-700) !important; text-decoration: underline; }
.mz-gonderi__metin--tam { max-height: none; overflow: visible; font-size: var(--mz-text-md); }
.mz-yorum-form .mz-btn[disabled] { opacity: .45; cursor: not-allowed; }

/* --- gönderi / haber sayfası iskeleti --- */
.mz-gonderi-sayfasi .mz-main { background: var(--mz-surface-2); }
.mz-gonderi-sayfa { max-width: 760px; padding-top: var(--mz-6); padding-bottom: var(--mz-12); display: grid; gap: var(--mz-4); grid-template-columns: minmax(0, 1fr); }
.mz-gonderi-sayfa > * { min-width: 0; }
.mz-gonderi-sayfa__geri { font-size: var(--mz-text-sm); gap: var(--mz-2); }
.mz-gonderi-sayfa__geri a { display: inline-flex; align-items: center; gap: var(--mz-1); min-height: var(--mz-tap); font-weight: 600; }
.mz .mz-gonderi-sayfa__baslik { margin: 0; font-size: var(--mz-text-xl, 1.5rem); line-height: 1.3; overflow-wrap: anywhere; }

/* --- haber sayfası (UX-086) --- */
.mz-haber { overflow: hidden; }
.mz-haber__gorsel { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; background: var(--mz-surface-3); }
.mz-haber__bas { padding: var(--mz-5) var(--mz-5) 0; display: grid; gap: var(--mz-2); justify-items: start; }
.mz .mz-haber__baslik { margin: 0; font-size: var(--mz-text-xl, 1.5rem); line-height: 1.3; overflow-wrap: anywhere; }
.mz-haber__kunye { margin: 0; display: flex; flex-wrap: wrap; gap: var(--mz-1) var(--mz-4); }
.mz-haber__kunye a { font-weight: 600; }
.mz-haber__ozet { margin: var(--mz-3) var(--mz-5) 0; font-weight: 600; color: var(--mz-ink-2); overflow-wrap: anywhere; }
.mz-haber__metin { padding: var(--mz-3) var(--mz-5) var(--mz-5); overflow-wrap: anywhere; }
.mz-haber__metin img { max-width: 100%; height: auto; }
.mz .mz-haber__yorum-baslik { margin: 0 0 var(--mz-3); font-size: var(--mz-text-md); display: flex; gap: var(--mz-2); align-items: baseline; }

/* --- haber listesi --- */
.mz .mz-haberler__baslik { margin: 0; font-size: var(--mz-text-xl, 1.5rem); }
.mz-haberler__baslik i { color: var(--mz-brand-600); }
.mz-haberler__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mz-3); }
.mz-haberler__satir { padding: var(--mz-4); display: grid; gap: var(--mz-1); }
.mz-haberler__ust { display: flex; gap: var(--mz-2); align-items: center; }
.mz .mz-haberler__satir-baslik { margin: 0; font-size: var(--mz-text-md); line-height: 1.4; overflow-wrap: anywhere; }
.mz-haberler__satir-baslik a { color: var(--mz-ink) !important; }
.mz-haberler__satir-baslik a:hover { color: var(--mz-brand-700) !important; text-decoration: underline; }
.mz-haberler__ozet { margin: 0; color: var(--mz-ink-2); font-size: var(--mz-text-sm); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }

/* --- paylaşım penceresi: rozet (UX-043), pencere içi hatalar (UX-087), ekrana sığma (UX-092) --- */
.mz-paylas-pencere__kim-metin { display: grid; gap: var(--mz-1); justify-items: start; min-width: 0; }
.mz-paylas-rozet { margin-top: var(--mz-1); max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.mz-paylas-pencere__gorsel-hata, .mz-paylas-pencere__hata { width: 100%; margin: 0; }
.mz-paylas-pencere__hata { margin-bottom: var(--mz-2); }
.mz-paylas-pencere__bas, .mz-paylas-pencere__alt { flex: none; }
@media (max-width: 767.98px) {
  .mz-paylas-pencere__editor .ql-editor { min-height: 96px; max-height: 28vh; }
  .mz-paylas-pencere__onizleme img { max-height: 160px; }
}
@media (max-height: 800px) {
  .mz-paylas-pencere__editor .ql-editor { min-height: 110px; max-height: 30vh; }
  .mz-paylas-pencere__onizleme img { max-height: 180px; }
}
/* UX-092: gövde ızgarasının satırları içerik boyunda kalır; sığmayınca gövde kayar (önceden yazı alanı satırı
   sıfıra eziliyordu — overflow:hidden ızgara öğesinin en küçük yüksekliği 0'dır). */
.mz-paylas-pencere__govde { grid-auto-rows: max-content; align-content: start; }