/* ==========================================================================
   css/mz-sohbet.css — mesajlasma ekrani (damga 179).
   Isaretleme: inc/mz-sohbet.php (baloncuklar), sayfa/mesajlarim.php
   (baslik, yazma alani). KAPSAM: her kural .mz-sohbet-kap altinda;
   yalnizca ?g= ile acilan gorusme ekrani bu sinifi tasir.

   Yon mantiksal: "benim" mesajim satirin SONUNDA (LTR sag, RTL sol),
   karsi tarafinki BASINDA - WhatsApp'in Arapca arayuzuyle ayni.
   Renkler temanin degiskenlerinden (LPanel paleti); yedekler sabit.
   ========================================================================== */
.mz-sohbet-kap {
	--sb-zemin: #f1f3f6;
	--sb-ben: var(--mz-brand, #3f475f);
	--sb-ben-yazi: var(--mz-brand-yazi, #ffffff);
	--sb-o: #ffffff;
	--sb-o-yazi: var(--mz-ink, #1f2933);
	--sb-cizgi: var(--mz-cizgi, #e4e7eb);
	--sb-soluk: #6b7683;
	border: 1px solid var(--sb-cizgi);
	border-radius: 14px;
	overflow: hidden;
	background: #ffffff;
	box-shadow: none;
}

/* ---------- Baslik: kiminle, hangi ilan ---------- */
.mz-sohbet-kap .mz-sb-bas {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	border-block-end: 1px solid var(--sb-cizgi);
	background: #ffffff;
	min-block-size: 64px;
}
.mz-sohbet-kap .mz-sb-geri {
	display: none;
	flex: none;
	align-items: center;
	justify-content: center;
	inline-size: 40px;
	block-size: 40px;
	margin-inline-start: -8px;
	border-radius: 50%;
	color: var(--sb-o-yazi);
	text-decoration: none;
}
.mz-sohbet-kap .mz-sb-geri svg {inline-size: 22px; block-size: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
[dir="rtl"] .mz-sohbet-kap .mz-sb-geri svg {transform: scaleX(-1);}
.mz-sohbet-kap .mz-sb-bas-resim {flex: none; inline-size: 44px; block-size: 44px; border-radius: 50%; object-fit: cover; background: var(--sb-zemin);}
.mz-sohbet-kap .mz-sb-bas-yazi {min-inline-size: 0; display: flex; flex-direction: column; gap: 2px;}
.mz-sohbet-kap .mz-sb-bas-ad {font-size: 16px; font-weight: 700; color: var(--sb-o-yazi); line-height: 1.25;}
.mz-sohbet-kap .mz-sb-bas-ilan {
	font-size: 13px;
	color: var(--mz-link, #1f6ac4);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}

/* ---------- Mesaj alani ---------- */
.mz-sohbet-kap #mesajlasma.mz-sohbet {
	block-size: 460px;
	max-block-size: none;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	padding: 14px 12px 18px !important;
	margin: 0 !important;
	background: var(--sb-zemin);
	display: flex;
	flex-direction: column;
}
.mz-sohbet-kap .mz-sb-bos {margin: auto; color: var(--sb-soluk); font-size: 14px; text-align: center; padding: 24px;}
.mz-sohbet-kap .mz-sb-gun {display: flex; justify-content: center; margin-block: 12px 6px;}
.mz-sohbet-kap .mz-sb-gun span {
	font-size: 12px;
	font-weight: 600;
	color: var(--sb-soluk);
	background: #ffffff;
	border: 1px solid var(--sb-cizgi);
	border-radius: 999px;
	padding: 3px 12px;
}
.mz-sohbet-kap .mz-sb {display: flex; margin-block-start: 10px;}
.mz-sohbet-kap .mz-sb.mz-sb-ard {margin-block-start: 3px;}
.mz-sohbet-kap .mz-sb-ben {justify-content: flex-end;}
.mz-sohbet-kap .mz-sb-o {justify-content: flex-start;}
.mz-sohbet-kap .mz-sb-balon {
	max-inline-size: min(78%, 520px);
	padding: 8px 12px 6px;
	border-radius: 18px;
	font-size: 15px;
	line-height: 1.45;
	overflow-wrap: anywhere;
	word-break: normal;
	box-shadow: 0 1px 1px rgba(31,41,51,.06);
}
.mz-sohbet-kap .mz-sb-ben .mz-sb-balon {background: var(--sb-ben); color: var(--sb-ben-yazi); border-end-end-radius: 6px;}
.mz-sohbet-kap .mz-sb-o .mz-sb-balon {background: var(--sb-o); color: var(--sb-o-yazi); border: 1px solid var(--sb-cizgi); border-end-start-radius: 6px;}
.mz-sohbet-kap .mz-sb-balon a {color: inherit; text-decoration: underline;}
.mz-sohbet-kap .mz-sb-alt {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 4px;
	margin-block-start: 2px;
	font-size: 11px;
	line-height: 1.2;
	opacity: .78;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.mz-sohbet-kap .mz-sb-tik {letter-spacing: -3px; padding-inline-end: 3px;}
.mz-sohbet-kap .mz-sb-tik.mz-okundu {color: #7fd3ff; opacity: 1;}

/* Fotograf */
.mz-sohbet-kap .mz-sb-foto .mz-sb-balon,
.mz-sohbet-kap .mz-sb.mz-sb-foto .mz-sb-balon {padding: 4px 4px 6px;}
.mz-sohbet-kap .mz-sb-foto .mz-sb-alt {padding-inline: 8px;}
.mz-sohbet-kap a.mz-sb-foto {display: block; line-height: 0;}
.mz-sohbet-kap a.mz-sb-foto img {
	display: block;
	inline-size: 240px;
	max-inline-size: 100%;
	block-size: auto;
	max-block-size: 320px;
	object-fit: cover;
	border-radius: 14px;
	background: #dfe3e8;
}
/* Sesli not */
.mz-sohbet-kap .mz-sb-ses .mz-sb-balon {inline-size: min(78%, 300px);}
.mz-sohbet-kap .mz-sb-ses-ad {display: block; font-size: 12px; font-weight: 600; opacity: .85; margin-block-end: 4px;}
.mz-sohbet-kap .mz-sb-ek-yok {display: inline-block; font-size: 13px; font-style: italic; opacity: .8;}
.mz-sohbet-kap audio.mz-sb-ses {display: block; inline-size: 100%; block-size: 40px;}
/* Konum karti */
.mz-sohbet-kap a.mz-sb-konum {display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; padding-block: 2px;}
.mz-sohbet-kap a.mz-sb-konum svg {
	flex: none;
	inline-size: 40px;
	block-size: 40px;
	padding: 8px;
	border-radius: 50%;
	background: rgba(255,255,255,.18);
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linejoin: round;
}
.mz-sohbet-kap .mz-sb-o a.mz-sb-konum svg {background: var(--sb-zemin); stroke: #c0392b;}
.mz-sohbet-kap .mz-sb-konum-yazi {display: flex; flex-direction: column; min-inline-size: 0;}
.mz-sohbet-kap .mz-sb-konum-yazi b {font-size: 14.5px;}
.mz-sohbet-kap .mz-sb-konum-yazi small {font-size: 12.5px; opacity: .85; text-decoration: underline;}

/* ---------- Yazma alani ---------- */
.mz-sohbet-kap .panel-footer {background: #ffffff; border-block-start: 1px solid var(--sb-cizgi); padding: 10px 12px;}
.mz-sohbet-kap .mz-sb-uyari .alert {margin: 0 0 8px; padding: 8px 12px; font-size: 13.5px; border-radius: 10px;}
.mz-sohbet-kap #mesaj_gonder_form .input-group {display: flex; align-items: center; gap: 8px; inline-size: 100%;}
.mz-sohbet-kap #mesaj_gonder_form .input-group > * {float: none;}
.mz-sohbet-kap #mesaj_input {
	flex: 1 1 auto;
	min-inline-size: 0;
	block-size: 46px;
	padding: 0 16px;
	border: 1px solid var(--sb-cizgi);
	border-radius: 23px !important;
	background: var(--sb-zemin);
	box-shadow: none;
	font-size: 16px;
}
.mz-sohbet-kap #mesaj_input:focus {background: #ffffff; border-color: var(--sb-ben); outline: none;}
.mz-sohbet-kap #mesaj_gonder_form .input-group-btn {display: block; inline-size: auto; flex: none;}
.mz-sohbet-kap #m_gonder_buton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	block-size: 46px;
	min-inline-size: 46px;
	padding: 0 18px;
	border: 0;
	border-radius: 23px !important;
	/* style.css "button.btn-primary {background:#4398f4 !important}" butun
	   sitenin sabit mavisi; burada dugme kendi baloncugumla AYNI renk
	   (LPanel paleti) - once gelen !important'i ancak !important yener. */
	background: var(--sb-ben) !important;
	color: var(--sb-ben-yazi) !important;
	font-size: 15px;
	font-weight: 700;
}
.mz-sohbet-kap #m_gonder_buton:hover:not([disabled]) {filter: brightness(1.1);}
.mz-sohbet-kap #m_gonder_buton i {font-size: 18px; margin: 0;}
.mz-sohbet-kap #m_gonder_buton[disabled] {opacity: .45; cursor: default;}

/* ---------- Telefon ---------- */
@media (max-width: 767px) {
	.mz-sohbet-kap {border-radius: 12px;}
	.mz-sohbet-kap .mz-sb-geri {display: inline-flex;}
	/* Mesaj alani ekranin kalanini doldurur (ust serit, baslik, yazma
	   alani ve alt cubuk kadar pay). dvh desteklenmezse vh. */
	.mz-sohbet-kap #mesajlasma.mz-sohbet {block-size: calc(100vh - 330px); block-size: calc(100dvh - 330px); min-block-size: 320px;}
	.mz-sohbet-kap .mz-sb-balon {max-inline-size: 84%;}
	/* Gonder: yalnizca ikon (erisilebilir adi aria-label'da). */
	.mz-sohbet-kap #m_gonder_buton {padding: 0; inline-size: 46px;}
	.mz-sohbet-kap #m_gonder_buton .mz-sb-gonder-yazi {display: none;}
}
@media (prefers-reduced-motion: no-preference) {
	.mz-sohbet-kap #mesajlasma.mz-sohbet {scroll-behavior: smooth;}
}

/* ---------- 79: Mesaj korumasi - "Şikâyet et", pencere, alici uyarisi,
   bekletilen mesaj notu. Onayli tasarim (Tgwp4SSkKtdHuVngp3WVNm). ---------- */
.mz-sohbet-kap .mz-mk-rep {
	margin-inline-start: auto;
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid #e7c3bf;
	color: #b42318;
	background: #ffffff;
	border-radius: 8px;
	padding: 6px 11px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.mz-sohbet-kap .mz-mk-rep:hover, .mz-sohbet-kap .mz-mk-rep:focus-visible {background: #fdecea; color: #8f1c13; text-decoration: none;}
@media (max-width: 480px) {.mz-sohbet-kap .mz-mk-rep span {display: none;}}
.mz-mk-pencere {display: none; position: fixed; inset: 0; z-index: 1060; background: rgba(17, 21, 27, .45); align-items: center; justify-content: center; padding: 16px;}
.mz-mk-pencere.acik, .mz-mk-pencere:target {display: flex;}
.mz-mk-sheet {background: #ffffff; color: #1f2933; border-radius: 14px; padding: 16px 18px; display: grid; gap: 10px; inline-size: 100%; max-inline-size: 420px; box-shadow: 0 10px 30px rgba(31, 41, 51, .18); margin: 0;}
.mz-mk-sheet h4 {margin: 0 0 2px; font-size: 16px; font-weight: 700;}
.mz-mk-opt {display: flex; gap: 10px; align-items: center; border: 1px solid #e3e7ec; border-radius: 10px; padding: 10px 12px; font-size: 14px; font-weight: 400; margin: 0; cursor: pointer;}
.mz-mk-opt:has(input:checked) {border-color: var(--mz-link, #1f6ac4); background: #f3f7fd;}
.mz-mk-opt input, .mz-mk-chk input {margin: 0; flex: none; inline-size: 16px; block-size: 16px;}
.mz-mk-chk {display: flex; gap: 8px; align-items: center; font-size: 13.5px; color: #5b6672; font-weight: 400; margin: 0;}
.mz-mk-sheet small {color: #8a94a3; font-size: 12px;}
.mz-mk-row {display: flex; gap: 8px; justify-content: flex-end;}
.mz-mk-btn {border: 0; border-radius: 9px; padding: 9px 16px; font-weight: 600; font-size: 14px; text-decoration: none; cursor: pointer;}
.mz-mk-btn.p {background: #b42318; color: #ffffff;}
.mz-mk-btn.s {background: #eef0f4; color: #3c4654;}
.mz-mk-btn.s:hover {text-decoration: none; color: #1f2933;}
.mz-mk-uyari {margin: 10px 14px 0; background: #fdecea; border: 1px solid #f3c2bd; color: #7a1d14; border-radius: 10px; padding: 11px 13px; font-size: 13.5px; display: grid; gap: 4px;}
.mz-mk-uyari b {font-size: 14px;}
.mz-mk-uyari ul {margin: 2px 0 0; padding-inline-start: 18px;}
.mz-sohbet-kap .mz-sb-uyari .mz-mk-tutuldu {margin: 0;}