/* ============================================================
   mz-cekmece.css — telefon yan panelleri (inc/mz-cekmece.php, 113).
   Tasarim: «أوكي» verilen cekmece-tasarim.png. Her kural .mzc
   altinda; eski panel kurallari (.mm, ul.ana_menu) bu isaretlemeye
   dokunmaz. Renkler pazarin paleti: --mz-brand, --mz-vurgu.
   header.php «#mmu_panel {background:… !important}» yazdigi icin
   zemin (kimlik + sinif) ozgullugu ve !important ile verilir.
   ============================================================ */
.mzc {
	--mzc-g: min(86vw, 340px);
	--mzc-y: #1d2433;
	--mzc-s: #6b7280;
	--mzc-c: #e6e8ec;
	--mzc-z: #f3f4f5;
	--mzc-k: #b42318;
	font-family: inherit;
	color: var(--mzc-y);
}
#mm_panel.mzc, #mmu_panel.mzc {
	background: #fff !important;
	width: var(--mzc-g);
	box-shadow: 0 0 24px rgba(17, 24, 39, .22);
	padding: 0;
}
/* sidr icerigi .sidr-inner sarmalayicisina koyar; sutun duzeni onda.
   Sarmalayici yoksa (sidr yuklenmeden) panel duz akar. */
.mzc > .sidr-inner {display: flex; flex-direction: column; min-block-size: 100%;}
.sidr.mzc.sidr-left {left: calc(-1 * var(--mzc-g));}
.sidr.mzc.sidr-right {right: calc(-1 * var(--mzc-g));}
.mzc a {text-decoration: none; color: inherit;}
.mzc ul {list-style: none; margin: 0; padding: 0;}

/* Ust baslik + kapat */
.mzc-ust {display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 8px;}
.mzc-ust b {font-size: 18px; font-weight: 700;}
.mzc-kapat {
	inline-size: 40px; block-size: 40px; border-radius: 50%; border: 0;
	background: var(--mzc-z); color: var(--mzc-y); font-size: 20px; line-height: 40px;
	display: inline-grid; place-items: center; flex: none; cursor: pointer; padding: 0;
}
.mzc-kapat:focus-visible, .mzc a:focus-visible {outline: 2px solid var(--mz-link, #1f6ac4); outline-offset: 2px;}

/* Arama */
.mzc-ara {
	margin: 4px 16px 14px; block-size: 44px; border: 1px solid var(--mzc-c); border-radius: 12px;
	display: flex; align-items: center; gap: 10px; padding: 0 14px; color: var(--mzc-s);
}
.mzc-ara i {font-size: 18px;}
.mzc-ara input {flex: 1; align-self: stretch; min-inline-size: 0; border: 0; outline: 0; background: none; font: inherit; font-size: 15px; color: var(--mzc-y);}

/* Hizli kutular */
.mzc-hiz {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 16px 14px;}
.mzc-hiz a {
	background: var(--mzc-z); border-radius: 12px; padding: 12px 4px 10px; text-align: center;
	display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; line-height: 1.3;
}
.mzc-hiz i {font-size: 22px; color: var(--mz-brand, #3f475f);}

.mzc-bas {font-size: 13px; font-weight: 600; color: var(--mzc-s); padding: 6px 16px 4px;}
.mzc-bant + .mzc-bas, .mzc-kare + .mzc-bas {padding-block-start: 14px;}

/* Kategori satirlari */
.mzc-kat a, .mzc-ls a {display: flex; align-items: center; gap: 12px; padding-inline: 16px; min-block-size: 50px;}
.mzc-kat a > span, .mzc-ls a > span {
	flex: 1; font-size: 15.5px; font-weight: 600; line-height: 1.35; padding-block: 12px;
	border-block-end: 1px solid #eef0f3;
}
.mzc-kat li:last-child a > span, .mzc-ls li:last-child a > span {border-block-end: 0;}
.mzc-kat-ik {
	inline-size: 34px; block-size: 34px; border-radius: 10px; flex: none;
	display: grid; place-items: center; color: #fff; font-size: 17px;
}
/* Yon oku: satirin sonunda, okuma yonune gore */
.mzc-kat em, .mzc-ls em {
	inline-size: 8px; block-size: 8px; flex: none; margin-inline-start: -4px;
	border-block-start: 1.8px solid #9aa1ad; border-inline-end: 1.8px solid #9aa1ad;
	transform: rotate(45deg);
}
[dir="rtl"] .mzc-kat em, [dir="rtl"] .mzc-ls em {transform: rotate(-45deg);}
.mzc-ls a {min-block-size: 46px;}
.mzc-ls i {inline-size: 22px; text-align: center; font-size: 18px; color: var(--mzc-s); flex: none;}
.mzc-kat a:active, .mzc-ls a:active, .mzc-hiz a:active {background: var(--mz-brand-cok-acik, #f2f2f4);}

/* Alt: dil + pazar + yardim (asagiya yapisik) */
.mzc-alt {margin-block-start: auto; border-block-start: 1px solid var(--mzc-c); padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 10px; background: #fafbfc;}
.mzc-dil {display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; border: 1px solid var(--mzc-c); border-radius: 10px; overflow: hidden;}
.mzc-dil a {display: flex; align-items: center; justify-content: center; min-block-size: 40px; font-size: 14px; font-weight: 600; color: var(--mzc-s);}
.mzc-dil a.mzc-on {background: var(--mz-brand, #3f475f); color: var(--mz-brand-yazi, #fff);}
.mzc-alt-satir {display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 14px; font-weight: 600;}
.mzc-alt-satir a {display: inline-flex; align-items: center; min-block-size: 40px;}
.mzc-alt-satir i {color: var(--mzc-s); margin-inline-end: 6px;}

/* Hesap: ust bant */
.mzc-bant {background: var(--mz-brand, #3f475f); color: var(--mz-brand-yazi, #fff); padding: 16px;}
.mzc-kim {display: flex; align-items: center; gap: 12px;}
.mzc-kim > div {flex: 1; min-inline-size: 0;}
.mzc-kim b {display: block; font-size: 18px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mzc-kim-z b {white-space: normal;}
.mzc-kim a, .mzc-kim small {display: block; font-size: 13.5px; opacity: .85; color: inherit; line-height: 1.6;}
.mzc-kim a {display: flex; align-items: center; min-block-size: 40px; margin-block: -8px;}
.mzc-bant .mzc-kapat {background: rgba(255, 255, 255, .14); color: inherit; align-self: flex-start;}
.mzc-av {
	inline-size: 52px; block-size: 52px; border-radius: 50%; flex: none; overflow: hidden;
	background: rgba(255, 255, 255, .18); border: 2px solid rgba(255, 255, 255, .55);
	display: grid; place-items: center; font-size: 24px;
}
.mzc-av img {inline-size: 100%; block-size: 100%; object-fit: cover;}
.mzc .mzc-ver {
	margin-block-start: 14px; block-size: 46px; border-radius: 12px;
	background: var(--mz-vurgu, #efc307); color: var(--mz-vurgu-yazi, #2b2000);
	display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15.5px; font-weight: 700;
}
.mzc-gbtn {display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-block-start: 14px;}
.mzc-gbtn a {block-size: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 15px; font-weight: 700;}
.mzc .mzc-gbtn .mzc-d {background: #fff; color: var(--mz-brand, #3f475f);}
.mzc .mzc-gbtn .mzc-o {border: 1.5px solid rgba(255, 255, 255, .7); color: inherit;}

/* Hesap: dort kutu */
.mzc-kare {display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 14px 16px 6px;}
.mzc-kare a {
	position: relative;
	border: 1px solid var(--mzc-c); border-radius: 12px; padding: 12px 10px;
	display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; min-inline-size: 0;
}
.mzc-kare a span {flex: 1; min-inline-size: 0; line-height: 1.25;}
.mzc-kare i {font-size: 20px; color: var(--mz-brand, #3f475f); inline-size: 22px; text-align: center; flex: none;}
/* Sayi kosede: etiket kesilmesin («İlanl…» olmasin). */
.mzc-say {
	position: absolute; inset-block-start: -7px; inset-inline-end: -5px;
	box-shadow: 0 0 0 2px #fff;
	min-inline-size: 22px; block-size: 22px; border-radius: 11px; padding: 0 6px; flex: none;
	background: var(--mzc-k); color: #fff; font-size: 12.5px; font-weight: 700;
	display: grid; place-items: center; font-variant-numeric: tabular-nums;
}
.mzc-say.mzc-say-n {background: var(--mzc-z); color: var(--mzc-y);}

.mzc .mzc-cik {
	margin-block-start: auto; border-block-start: 1px solid var(--mzc-c); padding: 14px 16px 18px;
	color: var(--mzc-k); font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 10px;
}
@media (prefers-reduced-motion: reduce) {
	.mzc * {transition: none !important;}
}

/* Acik yeni panel (sahip: «السحب الى الاعلى كانه تنكسر الصفحه»): panel sayfanin ustune
   acilir (main.js displace:false), arkadaki sayfa kilitli, karartma tum ekrani sabit
   kaplar ve panelin altinda kalir. Panelin kendi kaydirmasi sayfaya tasmaz. */
html.mzc-kilit,html.mzc-kilit body{overflow:hidden !important;overscroll-behavior:none}
html.mzc-kilit #overlay{position:fixed !important;inset:0;width:auto;height:auto;z-index:1045;touch-action:none}
html.mzc-kilit .sidr.mzc{z-index:1050}
.sidr.mzc{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition-property:left,right}