/* ==========================================================================
   css/mz-ilan-islem.css — Ilanlarim satir ayrintilari ve "Islemler" menusu
   (damga 186). Isaretleme: inc/mz-ilan-islem.php, sayfa/ilanlarim.php,
   inc/mz-ilan-sahip.php. KAPSAM: .mz-ik-* / .mz-islem* siniflari ve
   .mz-uye-alan altindaki Ilanlarim tablosu; genel kural yok.
     masaustu  : menu dugmenin altinda, gruplu, ikonlu
     telefon   : ayni menu alttan acilan LEVHA (basparmak bolgesi), ustte
                 ilanin adi, altta "Vazgec"; arka plan karartilir
   ========================================================================== */

/* Ekran okuyucuya metin, gorunmez. */
.mz-sr {position: absolute !important; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}

/* ---------- 1. Satir: ilan no / kategori / il ---------- */
.mz-ik-meta {display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; margin-block-start: 3px; font-size: 12px; font-weight: 400; color: var(--mz-muted, #7b8794); line-height: 1.4;}
.mz-ik-meta > span[dir="ltr"] {font-variant-numeric: tabular-nums;}
.mz-ik-nokta {color: #c3cad1;}

/* ---------- 2. Sayaclar: goruntulenme, favori, mesaj, diller ---------- */
.mz-ik-sayac {display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 7px 0 0; padding: 0; list-style: none; font-size: 12.5px; font-weight: 400; color: var(--mz-muted, #7b8794);}
.mz-ik-sayac > li {display: inline-flex; align-items: center; gap: 4px; margin: 0; padding: 0;}
.mz-ik-sayac > li > a {display: inline-flex; align-items: center; gap: 4px; color: inherit !important; text-decoration: none;}
.mz-ik-sayac > li > a:hover b {text-decoration: underline;}
.mz-ik-sayac b {color: var(--mz-ink, #1f2933); font-weight: 600; font-variant-numeric: tabular-nums;}
.mz-iki {inline-size: 16px; block-size: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.mz-ik-yeni {display: inline-block; margin-inline-start: 2px; padding: 1px 7px; border-radius: 999px; background: #d92d20; color: #ffffff; font-size: 11px; font-weight: 700; line-height: 1.5; white-space: nowrap;}

/* Dil cipleri: yayinda (koyu yesil), ceviri hazirlaniyor (kesikli), yok (soluk). */
.mz-ik-dil {display: inline-flex; align-items: center; gap: 4px;}
.mz-ik-c {
	display: inline-block;
	min-inline-size: 24px;
	padding: 1px 4px;
	border: 1px solid transparent;
	border-radius: 5px;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.45;
	text-align: center;
	text-decoration: none;
	cursor: help;
	direction: ltr;
}
.mz-ik-c-var {background: #e6f4ec; border-color: #b7e0c7; color: #067647;}
.mz-ik-c-bekliyor {background: #ffffff; border-color: #e0b35c; border-style: dashed; color: #8a4f06;}
.mz-ik-c-yok {background: #f3f5f8; color: #a3adb7;}

/* Tarih hucresinde kalan sure. */
.mz-ik-bitis {display: block; margin-block-start: 2px; font-size: 11.5px; color: var(--mz-muted, #7b8794);}
.mz-ik-bitis-yakin {color: #b42318; font-weight: 600;}

/* Silinenler klasorundeki satir: soluk gorsel, gri durum. */
.mz-dz-sil {color: #6b7683;}
.mz-dz-sil::before {background: transparent; box-shadow: inset 0 0 0 2px currentColor;}
.mz-uye-alan tr.mz-ik-silinmis .mz-k-res img {opacity: .55; filter: grayscale(.6);}

/* ---------- 3. Eylem hucresi: Duzenle + Islemler ---------- */
.mz-uye-alan .mz-islem {display: inline-flex; white-space: nowrap;}
.mz-uye-alan .mz-islem .dropdown-toggle .caret {margin-inline-start: 4px;}

/* ---------- 4. Menu (masaustu) ---------- */
.dropdown-menu.mz-ik-menu {min-inline-size: 250px; padding: 6px 0; border: 1px solid #e4e7eb; border-radius: 10px; box-shadow: 0 10px 28px rgba(16,24,32,.14);}
.dropdown-menu.mz-ik-menu > li > a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px 10px;
	padding: 8px 16px;
	color: var(--mz-ink, #1f2933);
	font-size: 13.5px;
	line-height: 1.35;
	white-space: normal;
	text-align: start;
}
.dropdown-menu.mz-ik-menu > li > a:hover,
.dropdown-menu.mz-ik-menu > li > a:focus {background: #f3f5f8; color: var(--mz-ink, #1f2933);}
.dropdown-menu.mz-ik-menu .mz-iki {inline-size: 18px; block-size: 18px; color: #6b7683;}
.dropdown-menu.mz-ik-menu .mz-ik-m {flex: 1 1 auto; min-inline-size: 0;}
.dropdown-menu.mz-ik-menu .mz-ik-ipucu {margin-inline-start: auto; font-size: 11px; color: var(--mz-muted, #7b8794);}
.dropdown-menu.mz-ik-menu > li.mz-ik-sil > a,
.dropdown-menu.mz-ik-menu > li.mz-ik-sil > a .mz-iki {color: #b42318;}
.dropdown-menu.mz-ik-menu > li.mz-ik-sil > a:hover {background: #fef3f2;}
/* Yayinlanamaz: sebep satirin altinda okunur (ipucuna gizlenmez). */
.dropdown-menu.mz-ik-menu > li.mz-ik-kapali > a {color: #a3adb7; cursor: not-allowed;}
.dropdown-menu.mz-ik-menu > li.mz-ik-kapali .mz-ik-ipucu {flex-basis: 100%; margin-inline-start: 28px; color: #8a4f06;}
.dropdown-menu.mz-ik-menu > li.divider {margin: 5px 0;}
.dropdown-menu.mz-ik-menu > li.mz-ik-bas,
.dropdown-menu.mz-ik-menu > li.mz-ik-vazgec-kap {display: none;}

/* ---------- 5. Telefon: alttan acilan levha ---------- */
@keyframes mz-ik-yukari {from {transform: translateY(100%);} to {transform: translateY(0);}}
@media (max-width: 767px) {
	.mz-uye-alan .mz-islem .btn {display: inline-flex; align-items: center; min-block-size: 36px; padding: 0 14px; font-size: 13.5px; border-radius: 8px;}
	.mz-uye-alan .mz-islem > .btn:first-child {border-start-end-radius: 0; border-end-end-radius: 0;}
	.mz-uye-alan .mz-islem .mz-islem-menu > .btn {border-start-start-radius: 0; border-end-start-radius: 0;}

	/* Bootstrap menuyu dugmeye gore konumlar (ve Ilanlarim'da RTL icin
	   sola yaslar, 185); levha ekranin altina sabitlenir. */
	.open > .dropdown-menu.mz-ik-menu {
		position: fixed !important;
		top: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		inset-inline: 0 !important;
		z-index: 1060;
		inline-size: auto;
		min-inline-size: 0;
		max-block-size: min(80vh, 600px);
		margin: 0 !important;
		padding: 4px 0 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		border: 0;
		border-radius: 16px 16px 0 0;
		transform: none !important;
		box-shadow: 0 0 0 100vmax rgba(16,24,32,.45);
		animation: mz-ik-yukari .18s ease-out;
	}
	.dropdown-menu.mz-ik-menu > li.mz-ik-bas {display: block; position: sticky; top: 0; z-index: 1; padding: 16px 20px 10px; background: #ffffff; border-block-end: 1px solid #eef0f3;}
	.dropdown-menu.mz-ik-menu > li.mz-ik-bas::before {content: ""; position: absolute; inset-block-start: 6px; inset-inline-start: calc(50% - 20px); inline-size: 40px; block-size: 4px; border-radius: 4px; background: #d5dae0;}
	.dropdown-menu.mz-ik-menu > li.mz-ik-bas > span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; font-weight: 600; color: var(--mz-muted, #7b8794); line-height: 1.4;}
	.dropdown-menu.mz-ik-menu > li > a {min-block-size: 50px; padding: 10px 20px; gap: 2px 14px; font-size: 15.5px;}
	.dropdown-menu.mz-ik-menu .mz-iki {inline-size: 21px; block-size: 21px;}
	.dropdown-menu.mz-ik-menu > li.mz-ik-kapali .mz-ik-ipucu {margin-inline-start: 35px; font-size: 12.5px;}
	.dropdown-menu.mz-ik-menu > li.mz-ik-vazgec-kap {display: block; position: sticky; bottom: 0; padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px)); background: #ffffff; border-block-start: 1px solid #eef0f3;}
	.mz-ik-vazgec {display: block; inline-size: 100%; min-block-size: 50px; border: 0; border-radius: 12px; background: #f3f5f8; color: var(--mz-ink, #1f2933); font: inherit; font-size: 16px; font-weight: 600; cursor: pointer;}
	.mz-ik-vazgec:active {background: #e6e9ee;}
}
/* Dokunmatik: levha parmagin altinda acilir; oradaki oge "hover" boyasi
   almasin - yalnizca basili tutulurken karsilik versin. */
@media (max-width: 767px) and (hover: none) {
	.dropdown-menu.mz-ik-menu > li > a:hover,
	.dropdown-menu.mz-ik-menu > li > a:focus {background: transparent;}
	.dropdown-menu.mz-ik-menu > li > a:active {background: #f3f5f8;}
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.open > .dropdown-menu.mz-ik-menu {animation: none;}
}

/* ---------- 5b. Telefon: tarih fiyatla ayni satirda (damga 187) ----------
   Sahip (iPhone, Arapca): "موقع التاريخ ... شاغل صف كامل يمكن ان يوضع مقابل
   السعر". Kompakt satirda (uye-deneyim 7) fiyat ve tarih ayri, tam genislikte
   iki satirdi ve aralarinda bosluk kaliyordu. Yalnizca Ilanlarim
   (.mz-ilanlarim): fiyat basligin altinda, tarih AYNI satirin sonunda (RTL'de
   solda), kalan sure tarihin altinda kucuk. Favoriler/Mesajlar degismedi. */
@media (max-width: 767px) {
	.mz-uye-alan table.mz-uye-kayit.mz-kompakt.mz-ilanlarim > tbody > tr {
		grid-template-areas: "res bas bas" "res fyt fyt" "drm drm isl";
		row-gap: 0;
	}
	/* Fiyat ve tarih AYNI alani paylasir (fiyat basta, tarih sonda). Ayri
	   sutun olsaydi tarih sutunu alttaki Duzenle/Islemler dugmeleriyle ayni
	   sutunu paylasip genisler, fiyati sikistirirdi. */
	/* Baslik hucresi temadan (style.css ".arsiv .table.liste td") yan dolgu
	   aliyor; fiyat ve tarih ayni kenardan baslasin diye ayni deger. */
	.mz-uye-alan table.mz-uye-kayit.mz-kompakt.mz-ilanlarim > tbody > tr {--mz-ik-kenar: 8px;}
	.mz-uye-alan table.mz-uye-kayit.mz-kompakt.mz-ilanlarim > tbody > tr > td.mz-k-bas {padding-block-end: 0 !important;}
	.mz-uye-alan table.mz-uye-kayit.mz-kompakt.mz-ilanlarim > tbody > tr > td.mz-k-fyt {
		justify-self: start;
		align-self: center;
		margin-block-start: 4px;
		padding: 0 !important;
		padding-inline: var(--mz-ik-kenar) !important;
		line-height: 1.3;
		white-space: nowrap;
	}
	/* Doviz karsiligi (USD/EUR ilanda TL) fiyatin ALTINDA kucuk satir:
	   yaninda dursa fiyat tarihe sikisip kirilirdi. */
	.mz-uye-alan table.mz-uye-kayit.mz-kompakt.mz-ilanlarim .tablo_tl {display: block !important; margin-inline-start: 0 !important;}
	.mz-uye-alan table.mz-uye-kayit.mz-kompakt.mz-ilanlarim > tbody > tr > td.mz-k-trh {
		grid-area: fyt;
		justify-self: end;
		align-self: center;
		margin-block-start: 4px;
		padding: 0 !important;
		padding-inline: 10px var(--mz-ik-kenar) !important;
		text-align: end !important;
		line-height: 1.3;
		white-space: nowrap;
	}
	.mz-uye-alan table.mz-uye-kayit.mz-kompakt.mz-ilanlarim .mz-ik-bitis {margin-block-start: 1px; font-size: 11px;}
}

/* ---------- 6. Ilan sayfasi sahip karti: diller ve mesajlar ---------- */
.mz-sahip-dil {display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-block-start: 10px; padding-block-start: 10px; border-block-start: 1px solid rgba(31,41,51,.08); font-size: 12.5px; color: #6b7683;}
.mz-sahip-dil-ad {font-weight: 600;}
.mz-sahip-dil .mz-sahip-msj {display: inline-flex; align-items: center; gap: 4px; margin-inline-start: auto; color: #6b7683; text-decoration: none;}
.mz-sahip-dil .mz-sahip-msj b {color: var(--mz-ink, #1f2933); font-variant-numeric: tabular-nums;}