/* ==========================================================================
   css/mz-ilan-sahip.css — ilan sayfasinda sahibin araclari (damga 184).
   Isaretleme: inc/mz-ilan-sahip.php. KAPSAM: .mz-sahip* siniflari; yalnizca
   ilanin SAHIBI gorur. Tasarim sahibin onayladigi maketle ayni (27 Eylul).
     .mz-sahip-ust   telefon/tablet (<=991px), basligin altinda
     .mz-sahip-yan   masaustu (>=992px), yan sutunun basinda
     .mz-sahip-cubuk telefon/tablet, altta yapiskan (Ara/WhatsApp yerine)
   ========================================================================== */
.mz-sahip {
	--sh-cizgi: var(--mz-cizgi, #e4e7eb);
	--sh-ink: var(--mz-ink, #1f2933);
	--sh-soluk: #6b7683;
	--sh-ana: var(--mz-brand, #3f475f);
	--sh-ana-yazi: var(--mz-brand-yazi, #ffffff);
	--sh-dugme: #f3f5f8;
	margin: 12px 0 14px;
	padding: 14px 14px 12px;
	border: 1px solid var(--sh-cizgi);
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(31,41,51,.06);
	color: var(--sh-ink);
	text-align: start;
}
.mz-sahip.mz-sahip-uyari {border-color: #f5c26b; background: #fffaf0;}
.mz-sahip.mz-sahip-hata {border-color: #f1b5ae; background: #fff6f5;}
.mz-sahip.mz-sahip-bilgi {border-color: #c9d8ee; background: #f6f9fd;}
.mz-sahip-yan {display: none; margin-top: 0;}
@media (min-width: 992px) {
	.mz-sahip-ust {display: none;}
	.mz-sahip-yan {display: block;}
}
.mz-sahip svg {inline-size: 20px; block-size: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.mz-sahip svg circle {fill: currentColor; stroke: none;}
.mz-sahip svg.mz-si-bilgi circle {fill: none; stroke: currentColor;}
.mz-sahip-bas {display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-block-end: 8px;}
.mz-sahip-rozet {display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; background: #e3f5ea; color: #1e7a45;}
.mz-sahip-rozet svg {inline-size: 14px; block-size: 14px; stroke-width: 2.4;}
.mz-sahip-canli .mz-sahip-rozet svg {inline-size: 9px; block-size: 9px;}
.mz-sahip-uyari .mz-sahip-rozet {background: #fdecc8; color: #8a5a00;}
.mz-sahip-hata .mz-sahip-rozet {background: #fbe0dc; color: #b42318;}
.mz-sahip-bilgi .mz-sahip-rozet {background: #e3ecf8; color: #24518f;}
.mz-sahip-sizin {font-size: 12.5px; color: var(--sh-soluk);}
.mz-sahip-metin {margin: 0 0 10px; font-size: 14.5px; line-height: 1.5;}
.mz-sahip-not {margin: -4px 0 10px; font-size: 13.5px; line-height: 1.45; color: #8a3a2f;}
.mz-sahip a.mz-sahip-birincil {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-block-size: 48px;
	margin-block-end: 10px;
	border-radius: 12px;
	background: var(--sh-ana);
	color: var(--sh-ana-yazi);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}
.mz-sahip a.mz-sahip-birincil:hover,
.mz-sahip a.mz-sahip-birincil:focus {color: var(--sh-ana-yazi); text-decoration: none; filter: brightness(1.08);}
.mz-sahip-engel {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-block-end: 10px; padding: 10px 12px; border-radius: 12px; background: #ffffff; border: 1px dashed #e0b35c; font-size: 13.5px;}
.mz-sahip-engel a {font-weight: 700; color: var(--mz-link, #1f6ac4);}
.mz-sahip-arac {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
.mz-sahip .mz-sahip-ikincil {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	inline-size: 100%;
	min-block-size: 56px;
	padding: 6px 4px;
	border: 0;
	border-radius: 12px;
	background: var(--sh-dugme);
	color: var(--sh-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}
.mz-sahip .mz-sahip-ikincil:hover,
.mz-sahip .mz-sahip-ikincil:focus {background: #e8ecf1; color: var(--sh-ink); text-decoration: none;}
.mz-sahip .mz-sahip-ikincil:focus-visible,
.mz-sahip a.mz-sahip-birincil:focus-visible {outline: 2px solid var(--sh-ana); outline-offset: 2px;}
.mz-sahip-diger {display: block; inline-size: 100%;}
.mz-sahip-diger .dropdown-menu {min-inline-size: 200px; font-size: 14px;}
/* Kartin "Diger"i satirin SONUNDA (RTL'de solda): menu o kenara yaslanir,
   fiziksel right:0 RTL'de ekrandan tasirdi. */
.mz-sahip .mz-sahip-diger .dropdown-menu {left: auto !important; right: auto !important; inset-inline-end: 0 !important;}
.mz-sahip-diger .dropdown-menu > li > a {padding: 10px 16px;}
.mz-sahip-sayac {display: flex; justify-content: space-around; gap: 6px; margin-block-start: 12px; padding-block-start: 10px; border-block-start: 1px solid rgba(31,41,51,.08); font-size: 12px; color: var(--sh-soluk); text-align: center;}
.mz-sahip-sayac b {display: block; font-size: 16px; color: var(--sh-ink); font-variant-numeric: tabular-nums;}

/* ---------- Telefon: altta yapiskan sahip cubugu ---------- */
.mz-sahip-cubuk {display: none;}
@media (max-width: 991px) {
	.mz-sahip-cubuk {
		position: fixed;
		inset-inline: 0;
		inset-block-end: 0;
		z-index: 1030;
		display: grid;
		grid-template-columns: 1.6fr 1fr 1fr;
		gap: 8px;
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
		background: #ffffff;
		border-block-start: 1px solid var(--mz-cizgi, #e4e7eb);
		box-shadow: 0 -4px 14px rgba(31,41,51,.10);
	}
	/* Cubuk icerigi ortmesin: sayfanin sonuna cubuk kadar pay. */
	body:has(.mz-sahip-cubuk) {padding-block-end: 72px;}
	.mz-sahip-cubuk a,
	.mz-sahip-cubuk button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		inline-size: 100%;
		min-block-size: 48px;
		border: 0;
		border-radius: 12px;
		background: #f3f5f8;
		color: var(--mz-ink, #1f2933);
		font: inherit;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
		cursor: pointer;
	}
	.mz-sahip-cubuk a.mz-sahip-c-ana {background: var(--mz-brand, #3f475f); color: var(--mz-brand-yazi, #ffffff);}
	.mz-sahip-cubuk a:hover, .mz-sahip-cubuk a:focus {text-decoration: none;}
	.mz-sahip-cubuk svg {inline-size: 20px; block-size: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
	.mz-sahip-cubuk svg circle {fill: currentColor; stroke: none;}
	/* Cubuk en altta: menu YUKARI acilir ve dugmenin satir-sonu kenarina
	   yaslanir (LTR sagda, RTL solda dugme; ikisinde de ekranin icinde).
	   Bootstrap'in .dropdown-menu-right'i fiziksel "right:0" yaziyor -
	   RTL'de menu ekrandan tasiyordu; mantiksal ve !important. */
	.mz-sahip-cubuk .dropdown-menu {
		min-inline-size: 200px;
		font-size: 15px;
		top: auto !important;
		bottom: calc(100% + 8px) !important;
		left: auto !important;
		right: auto !important;
		inset-inline-end: 0 !important;
		margin: 0;
	}
	.mz-sahip-cubuk .dropdown-menu > li > a {justify-content: flex-start; min-block-size: 0; padding: 12px 16px; border-radius: 0; background: transparent; font-weight: 500;}
}