/**
 * assets/css/pages/iletisim.css — İletişim ekranı.
 *
 * Ölçü/renk/tipografi tasarımdaki gibi SATIR İÇİ inline style'da durur. Burada yalnız
 * inline ile ifade edilemeyenler var: :focus-visible, ::placeholder, @media ve
 * Elementor zırhı.
 */

/* ── Odak halkası ─────────────────────────────────────────────────────────
 * Tasarım alanlara inline `outline:0` veriyor; inline bildirim mulubey.css'teki
 * `.mulubey-app :focus-visible` kuralını yendiği için klavye odağı görünmez kalıyordu.
 * ───────────────────────────────────────────────────────────────────────── */
.mulubey-app form[data-mu-form] :is(input, select, textarea):focus-visible {
	outline: 2px solid #9A7A50 !important;
	outline-offset: 2px;
}

.mulubey-app form[data-mu-form] :is(input[type="text"], input[type="email"], select, textarea):focus {
	border-color: #9A7A50;
}

.mulubey-app form[data-mu-form] ::placeholder {
	color: #8C8A7C;
	opacity: 1;
}

.mulubey-app form[data-mu-form] select {
	cursor: pointer;
}

/* ── Elementor zırhı ──────────────────────────────────────────────────────
 * reset.css `button{color:#CC3366;border:1px solid #CC3366}` + `button:hover{...}`
 * gönder butonunu pembeleştirip hover'da gradyanı düşürüyordu.
 * ───────────────────────────────────────────────────────────────────────── */
.mulubey-app form[data-mu-form] button[type="submit"]:hover,
.mulubey-app form[data-mu-form] button[type="submit"]:focus {
	background: linear-gradient(180deg, #6E7052 0%, #565839 100%);
	color: #FFFFFF;
}

/* Harita: `.elementor img{height:auto}` benzeri kurallar iframe'i etkilemesin. */
.mulubey-app iframe[src*="google.com/maps"] {
	display: block;
	width: 100%;
	height: 100%;
	min-height: clamp(320px, 38vw, 460px);
	border: 0;
}

/* ── Mobil ────────────────────────────────────────────────────────────────
 * [data-split] / [data-3col] tek sütuna mulubey.css'te düşüyor. Tek sütuna
 * inerken haritanın kabı 100% yüksekliğe dayanamaz; sabit bir alt sınır verilir.
 * ───────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	.mulubey-app iframe[src*="google.com/maps"] {
		min-height: 340px;
	}
}

@media (max-width: 520px) {
	.mulubey-app form[data-mu-form="iletisim"] button[type="submit"] {
		width: 100%;
		padding: 0 20px;
	}
}