/* ============================================================
   mz-durumlarim.css — Mezad V2 · sayfa/durumlarim.php

   KAYNAK: tasarim odasi, "Durumlar — sahibin ekrani" (data-slug=
   "Durumlar"). Renkler ve olculer BIREBIR o tasarimdan; halkanin
   altin/kirmizi gecisi ve sari (#efc307) vurgu rengi css/mz-durum.css
   ile AYNI kaynaga baglanir - iki dosya ayni ozelligin iki yuzu.

   KAPSAM: her kural ".mz-dm-" on ekiyle sinirli.
   YON: yalnizca mantiksal ozellikler (RTL/LTR otomatik dogru).
   ============================================================ */

.mz-dm-tanitim {
	background: linear-gradient(90deg, #efc307, #e0a800);
	border-radius: 11px;
	padding: 11px 19px;
	margin-block-end: 14px;
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.mz-dm-tanitim-baslik {font-size: 13.5px; font-weight: 700; color: #1f2933;}
.mz-dm-tanitim-metin {font-size: 12.5px; color: #5a4400; line-height: 1.5; flex-grow: 1; min-inline-size: 200px;}
.mz-dm-tanitim-rozet {
	font-size: 11.5px;
	font-weight: 700;
	color: #1f2933;
	background: rgba(255,255,255,.72);
	padding: 3px 11px;
	border-radius: 999px;
	white-space: nowrap;
}

.mz-dm-kart {
	background: #fff;
	border: 1px solid #dfe5ec;
	border-radius: 11px;
	padding: 17px 19px;
	margin-block-end: 14px;
}
.mz-dm-kart-ust {margin-block-end: 14px;}
.mz-dm-h {font-size: 15px; font-weight: 650; color: #1f2933;}
.mz-dm-alt {font-size: 11.5px; color: #8a93a0;}

.mz-dm-govde {display: flex; align-items: flex-start; gap: 16px;}
.mz-dm-sol {inline-size: 330px; flex-shrink: 0;}
.mz-dm-sag {flex-grow: 1; min-inline-size: 0;}
.mz-dm-sol .mz-dm-kart:last-child,
.mz-dm-sag .mz-dm-kart:last-child {margin-block-end: 0;}

/* ---------- Yeni durum: tur secimi ---------- */
.mz-dm-tur-sec {display: flex; gap: 8px; margin-block-end: 14px;}
.mz-dm-tur {
	flex-grow: 1;
	border: 1.5px solid #e6eaef;
	background: #fff;
	border-radius: 9px;
	padding: 11px 12px;
}
.mz-dm-tur--secili {border-color: #efc307; background: #fffdf5;}
.mz-dm-tur-ad {font-size: 12.5px; font-weight: 650; margin-block-start: 8px;}
.mz-dm-tur-aciklama {font-size: 10.5px; color: #8a93a0; margin-block-start: 3px; line-height: 1.4;}

.mz-dm-etiket {font-size: 11.5px; font-weight: 650; color: #4a5361; margin-block-end: 7px;}
.mz-dm-ilan-sec {
	border: 1px solid #dfe5ec;
	border-radius: 9px;
	padding: 9px 11px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-block-end: 13px;
}
.mz-dm-ilan-resim {
	inline-size: 34px; block-size: 34px;
	border-radius: 6px;
	background: #e8ebef;
	flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
}
.mz-dm-ilan-baslik {font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mz-dm-ilan-fiyat {font-size: 11px; font-weight: 650; color: var(--mz-fiyat, #d64545); direction: ltr; margin-block-start: 2px; unicode-bidi: isolate;}
.mz-dm-bos {font-size: 12px; color: #8a93a0; padding: 9px 2px; margin-block-end: 13px;}

.mz-dm-yukle {
	border: 2px dashed #cfd7e0;
	border-radius: 10px;
	padding: 20px 14px;
	text-align: center;
	margin-block-end: 13px;
}
.mz-dm-yukle-baslik {font-size: 12px; font-weight: 600; margin-block-start: 8px;}
.mz-dm-yukle-alt {font-size: 10.5px; color: #8a93a0; margin-block-start: 4px; line-height: 1.45;}

.mz-dm-metin {
	inline-size: 100%;
	border: 1px solid #dfe5ec;
	border-radius: 9px;
	padding: 10px 12px;
	min-block-size: 62px;
	font: inherit;
	font-size: 12.5px;
	color: #1f2933;
	resize: vertical;
}
.mz-dm-metin::placeholder {color: #a3abb6;}

.mz-dm-sure {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-block-start: 14px;
	padding: 10px 12px;
	background: #f9fafb;
	border-radius: 8px;
}
.mz-dm-sure-baslik {font-size: 11.5px; font-weight: 650;}
.mz-dm-sure-alt {font-size: 10.5px; color: #8a93a0; margin-block-start: 2px;}
.mz-dm-sure-deger {font-size: 12px; font-weight: 700; unicode-bidi: isolate;}

.mz-dm-yayinla {
	inline-size: 100%;
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	color: #1f2933;
	background: #efc307;
	border: none;
	block-size: 44px;
	border-radius: 9px;
	margin-block-start: 13px;
	cursor: not-allowed;
	opacity: .82;
}

/* ---------- Ozet sayilar ---------- */
.mz-dm-ozet-izgara {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-block-end: 14px;}
.mz-dm-ozet-kart {background: #fff; border: 1px solid #dfe5ec; border-radius: 10px; padding: 14px 16px;}
.mz-dm-ozet-etiket {font-size: 11px; color: #6b7683; line-height: 1.3;}
.mz-dm-ozet-deger {display: flex; align-items: baseline; gap: 7px; margin-block-start: 9px; font-size: 22px; font-weight: 700; letter-spacing: -.4px;}
.mz-dm-ozet-deger span:first-child {unicode-bidi: isolate;}
.mz-dm-ozet-degisim {font-size: 11px; font-weight: 650; color: #2f9e6b; unicode-bidi: isolate;}

/* ---------- Durum listesi ---------- */
.mz-dm-satir {
	border: 1px solid #dfe5ec;
	background: #fff;
	border-radius: 10px;
	padding: 12px 14px;
	display: flex;
	align-items: center;
	gap: 13px;
}
.mz-dm-satir--sonlanmis {border-color: #eef1f4; background: #f9fafb;}
.mz-dm-satir-resim {
	inline-size: 52px; block-size: 68px;
	border-radius: 7px;
	background: #e8ebef;
	flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	position: relative;
}
.mz-dm-satir-video {
	position: absolute;
	inset-block-end: 4px; inset-inline-start: 4px;
	font-size: 9px; font-weight: 700; color: #fff;
	background: rgba(31,41,51,.7);
	padding: 1px 5px; border-radius: 4px;
	unicode-bidi: isolate;
}
.mz-dm-satir-ad {font-size: 13px; font-weight: 650;}
.mz-dm-durum-rozet {font-size: 10px; font-weight: 700; color: #2f9e6b; background: #eaf6ef; padding: 1px 8px; border-radius: 999px;}
.mz-dm-durum-rozet--sonlanmis {color: #8a93a0; background: #eef1f4;}
.mz-dm-baglanti {display: flex; align-items: center; gap: 4px; font-size: 10.5px; color: #6b7683;}
.mz-dm-satir-sure {font-size: 11.5px; color: #8a93a0; margin-block-start: 5px;}
.mz-dm-sayilar {display: flex; gap: 16px; margin-block-start: 9px; flex-wrap: wrap; font-size: 10.5px; color: #8a93a0;}
.mz-dm-sayilar b {font-size: 12px; font-weight: 700; color: #1f2933; unicode-bidi: isolate;}
.mz-dm-btn {
	font-size: 11.5px; font-weight: 650;
	padding: 0 13px;
	block-size: 30px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 7px;
	white-space: nowrap;
}
.mz-dm-btn--sari {color: #1f2933; background: #efc307;}
.mz-dm-btn--dis {color: #3f475f; background: #fff; border: 1.5px solid #cfd7e0;}

/* ---------- Kim izledi ---------- */
.mz-dm-izleyen {
	display: flex; align-items: center; gap: 11px;
	padding: 9px 4px;
	border-block-end: 1px solid #f4f5f7;
}
.mz-dm-izleyen:last-child {border-block-end: none;}
.mz-dm-izleyen-resim {
	inline-size: 32px; block-size: 32px;
	border-radius: 999px;
	background: #eef1f4;
	flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
}
.mz-dm-eylem-rozet {font-size: 10px; font-weight: 700; color: #2f9e6b; background: #eaf6ef; padding: 2px 8px; border-radius: 999px;}
.mz-dm-eylem-rozet--mor {color: #6b46c1; background: #f2eefc;}
.mz-dm-izleyen-saat {font-size: 11px; color: #a3abb6; unicode-bidi: isolate;}

/* ---------- Paylasim ---------- */
.mz-dm-paylas-izgara {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px;}
.mz-dm-paylas-oge {
	border: 1px solid #e6eaef;
	border-radius: 8px;
	padding: 10px 6px;
	text-align: center;
	font-size: 10.5px;
	color: #4a5361;
}
.mz-dm-baglanti-kutu {
	display: flex; align-items: center; gap: 8px;
	margin-block-start: 11px;
	padding: 8px 10px;
	background: #f4f5f7;
	border-radius: 7px;
}
.mz-dm-baglanti-kutu span {font-size: 10.5px; color: #6b7683; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; unicode-bidi: isolate;}
.mz-dm-kopyala {font: inherit; font-size: 11px; font-weight: 650; color: #3f475f; background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0;}

/* ---------- LPanel ozeti ---------- */
.mz-dm-lpanel {background: #f9fafb; border: 1px dashed #cfd7e0; border-radius: 11px; padding: 16px 17px;}
.mz-dm-lpanel-satir {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-block: 4px; font-size: 11px; color: #6b7683;}

/* ---------- Mobil: tek sutun ---------- */
@media (max-width: 991px) {
	.mz-dm-govde {flex-direction: column;}
	.mz-dm-sol {inline-size: 100%;}
	.mz-dm-ozet-izgara {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 480px) {
	.mz-dm-satir {flex-wrap: wrap;}
	.mz-dm-satir > div:last-child {flex-direction: row; inline-size: 100%; padding-inline-start: 65px;}
	.mz-dm-btn {flex: 1;}
	.mz-dm-paylas-izgara {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

/* ---------- 2026-09-14: form GERCEK, dugme aktif ----------
   Sayfa onizlemeden cikti (sahibin karari: yonetici + ilan
   sahipleri durum ekler). Onceki .mz-dm-yayinla kurali disabled
   gorunumu icindi (not-allowed, .82); aktif dugme asagida. */
.mz-dm-yayinla--aktif {cursor: pointer; opacity: 1;}
.mz-dm-yayinla--aktif:hover {filter: brightness(.96);}
.mz-dm-yayinla[disabled] {cursor: not-allowed; opacity: .6;}
.mz-dm-tur {cursor: pointer;}
.mz-dm-tur-radyo {position: absolute; opacity: 0; inline-size: 0; block-size: 0;}
.mz-dm-tur {position: relative;}
.mz-dm-ilan-secim {flex-grow: 1; min-inline-size: 0; border: none; background: transparent; font: inherit; font-size: 12px; font-weight: 600; color: #1f2933;}
.mz-dm-yukle {cursor: pointer; display: block;}
.mz-dm-yukle-girdi {position: absolute; opacity: 0; inline-size: 0; block-size: 0;}
.mz-dm-yukle-ad {font-size: 11px; font-weight: 650; color: #1f2933; margin-block-start: 8px; min-block-size: 1em;}
.mz-dm-yukle-ad:empty::before {content: attr(data-bos); color: #a3abb6; font-weight: 500;}
.mz-dm-satir-resim {display: block; text-decoration: none;}
.mz-dm-btn {border: none; font: inherit; cursor: pointer; text-decoration: none; text-align: center;}
.mz-dm-sag form {margin: 0;}