/* ============================================================================
   MEVZUATIM — Ana sayfa / akış (anasayfa.css) — adım 7, 13.11.2026 (plan §2.7)
   Yalnız mz.css token'ları. Geniş ekranda üç sütun (Favoriler·Gruplar | akış | mevzuat·haberler),
   1100 px altında tek sütun: akış önce, yan kutular arkasından (eskiden telefonda hiç yoktu).
   Telefonda kenar boşluğu 16 px, yatay taşma yok (uzun kelime/bağlantı kırılır).
   ========================================================================== */
.mz-akis { display: grid; gap: var(--mz-6); padding-top: var(--mz-6); padding-bottom: var(--mz-12);
  grid-template-columns: minmax(0, 1fr); grid-template-areas: "orta" "sag" "sol"; }
.mz-akis > * { min-width: 0; }
.mz-akis__orta, .mz-akis__sol, .mz-akis__sag { grid-template-columns: minmax(0, 1fr); }
.mz-akis__orta { grid-area: orta; display: grid; gap: var(--mz-4); align-content: start; }
.mz-akis__sol { grid-area: sol; display: grid; gap: var(--mz-4); align-content: start; }
.mz-akis__sag { grid-area: sag; display: grid; gap: var(--mz-4); align-content: start; }
@media (min-width: 768px) and (max-width: 1099.98px) {
  .mz-akis { grid-template-areas: "orta orta" "sag sol"; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (min-width: 1100px) {
  .mz-akis { grid-template-columns: 240px minmax(0, 1fr) 300px; grid-template-areas: "sol orta sag"; }
  .mz-akis__sol, .mz-akis__sag { position: sticky; top: calc(var(--mz-header-h, 64px) + var(--mz-4)); }
}
.mz-akis-sayfasi .mz-main { background: var(--mz-surface-2); }

/* --- arama (UX-029, UX-085) --- */
.mz-akis-ara-kart { padding: var(--mz-5); background: linear-gradient(135deg, var(--mz-brand-800) 0%, var(--mz-brand-600) 100%); border: 0; color: #fff; }
.mz .mz-akis-ara__baslik { margin: 0 0 var(--mz-3); font-size: var(--mz-text-lg); color: #fff; }
.mz-akis-ara__kutu .mz-input { padding-right: 96px; }
.mz-akis-ara__kutu .mz-btn { min-width: 44px; }
.mz-akis-ara__kutu .mz-oneri { color: var(--mz-ink); }
.mz-akis-ara__ipucu { margin: var(--mz-2) 0 0; color: rgba(255, 255, 255, .88); font-size: var(--mz-text-sm); }
.mz-akis-ara__ipucu--uyari { color: #fde68a; font-weight: 600; }
.mz-akis-ara__suzgec { margin-top: var(--mz-2); }
.mz-akis-ara__suzgec summary { display: inline-flex; align-items: center; gap: var(--mz-2); min-height: var(--mz-tap); cursor: pointer; color: rgba(255, 255, 255, .92); font-size: var(--mz-text-sm); font-weight: 600; }
.mz-akis-ara__suzgec-govde { margin-top: var(--mz-2); padding: var(--mz-4); border-radius: var(--mz-radius); background: var(--mz-surface); color: var(--mz-ink); display: grid; gap: var(--mz-2); }
.mz-akis-ara__tur { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: var(--mz-5); }
.mz-akis-ara__tur legend { width: 100%; margin-bottom: var(--mz-1); }
.mz-akis-ara__suzgec-govde .mz-field { margin-bottom: 0; }
@media (max-width: 479.98px) { .mz-akis-ara__dugme-metin { display: none; } .mz-akis-ara__kutu .mz-input { padding-right: 60px; } }

/* --- duyuru vitrini (UX-085: başlık görselin altında, görsel kırpılmaz) --- */
.mz-vitrin { overflow: hidden; }
.mz-vitrin__kayan { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.mz-vitrin__kayan::-webkit-scrollbar { display: none; }
.mz-vitrin__kayan:focus-visible { outline: 3px solid var(--mz-brand-500); outline-offset: -3px; }
.mz-vitrin__oge { flex: 0 0 100%; scroll-snap-align: start; display: flex; flex-direction: column; color: var(--mz-ink) !important; text-decoration: none !important; }
.mz-vitrin__gorsel { display: block; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: contain; background: var(--mz-surface-3); }
.mz-vitrin__baslik { display: block; padding: var(--mz-3) var(--mz-5); padding-right: 112px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.mz-vitrin { position: relative; }
.mz-vitrin__oklar { position: absolute; right: var(--mz-2); bottom: 0; display: flex; gap: var(--mz-1); padding: var(--mz-1) 0; }
@media (max-width: 479.98px) { .mz-vitrin__gorsel { aspect-ratio: 2 / 1; } }

/* --- paylaşım kutusu / ziyaretçi duvarı (UX-041) --- */
.mz-paylas { padding: var(--mz-4); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mz-3); }
.mz-paylas__ust { display: flex; align-items: center; gap: var(--mz-3); }
.mz-paylas__tetik { flex: 1; min-width: 0; min-height: var(--mz-tap); padding: 0 var(--mz-4); border: 0; border-radius: var(--mz-radius-full); background: var(--mz-surface-3); color: var(--mz-ink-3); text-align: left; font: 400 var(--mz-text-md) var(--mz-font-ui); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mz-paylas__tetik:hover { background: var(--mz-line); }
.mz-paylas__eylem { display: flex; gap: var(--mz-2); border-top: 1px solid var(--mz-line); padding-top: var(--mz-2); }
.mz-paylas__eylem .mz-btn { flex: 1; }
.mz-paylas--duvar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mz-3); }
.mz-paylas__duvar-metin { margin: 0; color: var(--mz-ink-2); }
.mz-paylas__duvar-eylem { display: flex; flex-wrap: wrap; gap: var(--mz-2); }

/* --- yan kutular --- */
.mz .mz-akis-kutu .mz-card__head { margin: 0; font-size: var(--mz-text-md); }
.mz-akis-kutu .mz-card__head i { color: var(--mz-brand-600); margin-right: var(--mz-1); }
.mz-akis-kutu .mz-card__head .mz-akis-kutu__ikon--sari { color: var(--mz-warning); }
.mz-akis-kutu__liste { list-style: none; margin: 0; padding: var(--mz-1) 0; }
.mz-akis-kutu__satir { display: flex; align-items: center; gap: var(--mz-2); padding: var(--mz-2) var(--mz-4); border-bottom: 1px solid var(--mz-line); }
.mz-akis-kutu__satir:last-child { border-bottom: 0; }
.mz-akis-kutu__metin { flex: 1; min-width: 0; display: grid; gap: 2px; }
.mz-akis-kutu__baglanti { display: block; flex: 1; min-width: 0; color: var(--mz-ink) !important; font-weight: 500; font-size: var(--mz-text-sm); line-height: 1.35; overflow-wrap: anywhere; padding: var(--mz-1) 0; }
.mz-akis-kutu__baglanti.fw-bold { font-weight: 600; }
.mz-akis-kutu__baglanti:hover { color: var(--mz-brand-700) !important; text-decoration: underline; }
.mz-akis-kutu__bos { padding: var(--mz-3) var(--mz-4); color: var(--mz-ink-3); font-size: var(--mz-text-sm); }
.mz-akis-kutu__alt { padding: var(--mz-2) var(--mz-4) var(--mz-3); border-top: 1px solid var(--mz-line); }