/* ==========================================================================
   İletişim Formu — Frontend
   ========================================================================== */

.if-bolum {
	background: #eaf4fb !important;
	padding: 60px 24px;
	box-sizing: border-box;
}
.if-bolum * { box-sizing: border-box; }

.if-kapsayici {
	max-width: 1160px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	align-items: stretch;
}

/* --- Sol sütun (beyaz kart) --- */
.if-sol {
	background: #fff;
	border-radius: 26px;
	padding: 48px 44px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0 10px 34px rgba(20, 40, 80, 0.06);
}

.if-ust-etiket {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 13px;
	font-weight: 700;
	color: #14223a;
	margin-bottom: 14px;
}

.if-baslik {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 700;
	color: #14223a;
	margin: 0 0 14px;
	line-height: 1.1;
}

.if-alt-baslik {
	color: #4a5667;
	font-size: 18px;
	margin: 0 0 4px;
}

.if-ayrac {
	height: 1px;
	background: #e3e8ef;
	margin: 26px 0;
}

.if-bilgi { display: flex; flex-direction: column; gap: 18px; }

.if-bilgi-satir {
	color: #14223a;
	font-size: 19px;
	font-weight: 600;
	text-decoration: none;
	transition: color .2s;
	word-break: break-word;
}
.if-bilgi-satir:hover { color: #2a6df4; }
.if-adres { font-size: 18px; line-height: 1.5; }

/* --- Sosyal --- */
.if-sosyal { display: flex; justify-content: center; gap: 16px; }
.if-sosyal-link {
	width: 48px; height: 48px;
	border-radius: 50%;
	background: #14223a;
	color: #fff;
	display: flex; align-items: center; justify-content: center;
	transition: transform .2s, background .2s;
}
.if-sosyal-link:hover { background: #2a6df4; transform: translateY(-3px); }

/* --- Sağ sütun (koyu panel) --- */
.if-sag {
	background: #0c1322;
	border-radius: 26px;
	padding: 40px;
	display: flex;
}

.if-form { width: 100%; display: flex; flex-direction: column; gap: 18px; }

.if-input {
	width: 100%;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 12px;
	padding: 18px 20px;
	font-size: 16px;
	color: #14223a;
	outline: none;
	transition: box-shadow .2s;
}
.if-input::placeholder { color: #8a93a0; }
.if-input:focus { box-shadow: 0 0 0 3px rgba(42, 109, 244, 0.45); }

.if-textarea { resize: vertical; min-height: 150px; font-family: inherit; }

/* bal kabı gizli */
.if-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* Sadece form (kendi kutunuzun içine; şeffaf zemin) */
.if-form-tek { width: 100%; }
.if-form-tek .if-form { width: 100%; }

/* Tek sütun (sadece bilgi) */
.if-kapsayici.if-tek { grid-template-columns: 1fr; max-width: 640px; }

.if-buton {
	align-self: flex-start;
	background: #2a6df4;
	color: #fff;
	border: none;
	border-radius: 14px;
	padding: 16px 34px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .2s, transform .1s;
}
.if-buton:hover { background: #1e5ad6; }
.if-buton:active { transform: scale(.98); }
.if-buton:disabled { opacity: .65; cursor: default; }

/* Geri bildirim mesajı */
.if-mesaj-kutu {
	border-radius: 12px;
	padding: 14px 18px;
	font-size: 15px;
	line-height: 1.5;
}
.if-mesaj-kutu.basari { background: #103a2a; color: #7ff0c0; }
.if-mesaj-kutu.hata { background: #3a1414; color: #ff9d9d; }

/* --- Responsive --- */
@media (max-width: 860px) {
	.if-kapsayici { grid-template-columns: 1fr; gap: 20px; }
	.if-sol { padding: 38px 26px; }
	.if-sag { padding: 30px 24px; }
	.if-bolum { padding: 44px 16px; }
}