/* ==========================================================================
   Footer Bölümü — Frontend
   ========================================================================== */

.ft-bolum {
	position: relative;
	box-sizing: border-box;
	padding: 64px 24px 0;
}
.ft-bolum * { box-sizing: border-box; }

.ft-ic { max-width: 1200px; margin: 0 auto; }

/* Üst alan: marka + sütunlar */
.ft-ust {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
	gap: 40px;
	padding-bottom: 48px;
}

/* --- Marka --- */
.ft-logo { display: block; height: auto; margin-bottom: 18px; }

.ft-logo-yazi {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 18px;
}

.ft-aciklama {
	font-size: 15px;
	line-height: 1.7;
	margin: 0 0 22px;
	max-width: 340px;
}

/* --- Sosyal --- */
.ft-sosyal { display: flex; gap: 12px; }
.ft-sosyal-link {
	width: 40px; height: 40px;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	transition: transform .2s, background .2s, color .2s;
	text-decoration: none;
}
.ft-sosyal-link:hover { transform: translateY(-3px); background: #2a6df4 !important; color: #fff !important; }

/* --- Sütunlar (marka hariç sağ bölümler sola hizalı) --- */
.ft-sutun { text-align: left; }

.ft-sutun-baslik {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 18px;
	letter-spacing: .2px;
}

.ft-link-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	text-align: left;
}
.ft-link-liste li { margin: 0; line-height: 1.3; text-align: left; }
.ft-link-liste a {
	display: inline-block;
	font-size: 15px;
	line-height: 1.3;
	text-decoration: none;
	transition: color .2s;
}

/* --- İletişim --- */
.ft-iletisim-satir {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
	font-size: 15px;
	line-height: 1.6;
	margin: 0 0 14px;
}
.ft-iletisim-satir .ft-iletisim-ikon {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	color: #2a6df4;
}
.ft-iletisim-satir .ft-iletisim-metin { flex: 1 1 auto; min-width: 0; }
.ft-iletisim-satir a { text-decoration: none; }

/* --- Alt bar --- */
.ft-alt {
	padding: 22px 0 26px;
	text-align: center;
	font-size: 14px;
}

/* --- Yukarı çık --- */
.ft-yukari {
	position: fixed;
	right: 24px;
	bottom: 24px;
	width: 46px;
	height: 46px;
	border: none;
	border-radius: 12px;
	background: #2a6df4;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .25s, transform .25s, visibility .25s, background .2s;
	z-index: 60;
	box-shadow: 0 8px 22px rgba(42, 109, 244, .4);
}
.ft-yukari.gorunur { opacity: 1; visibility: visible; transform: translateY(0); }
.ft-yukari:hover { background: #1e5ad6; }
.ft-yukari .ft-yukari-ikon { width: 22px; height: 22px; }

/* ==========================================================================
   KOYU TEMA
   ========================================================================== */
.ft-koyu { background: #0c1322; color: #aeb9c9; }
.ft-koyu .ft-logo-yazi { color: #fff; }
.ft-koyu .ft-sutun-baslik { color: #fff; }
.ft-koyu .ft-link-liste a { color: #aeb9c9; }
.ft-koyu .ft-link-liste a:hover { color: #fff; }
.ft-koyu .ft-iletisim-satir,
.ft-koyu .ft-iletisim-satir a { color: #aeb9c9; }
.ft-koyu .ft-iletisim-satir a:hover { color: #fff; }
.ft-koyu .ft-sosyal-link { background: rgba(255,255,255,.08); color: #fff; }
.ft-koyu .ft-alt { border-top: 1px solid rgba(255,255,255,.10); color: #8693a6; }

/* ==========================================================================
   AÇIK TEMA
   ========================================================================== */
.ft-acik { background: #eaf4fb; color: #4a5667; }
.ft-acik .ft-logo-yazi { color: #14223a; }
.ft-acik .ft-sutun-baslik { color: #14223a; }
.ft-acik .ft-link-liste a { color: #4a5667; }
.ft-acik .ft-link-liste a:hover { color: #2a6df4; }
.ft-acik .ft-iletisim-satir,
.ft-acik .ft-iletisim-satir a { color: #4a5667; }
.ft-acik .ft-iletisim-satir a:hover { color: #2a6df4; }
.ft-acik .ft-sosyal-link { background: #14223a; color: #fff; }
.ft-acik .ft-alt { border-top: 1px solid #d4e1ee; color: #6b7787; }

/* ==========================================================================
   BEYAZ TEMA
   ========================================================================== */
.ft-beyaz { background: #ffffff; color: #4a5667; }
.ft-beyaz .ft-logo-yazi { color: #14223a; }
.ft-beyaz .ft-sutun-baslik { color: #14223a; }
.ft-beyaz .ft-link-liste a { color: #4a5667; }
.ft-beyaz .ft-link-liste a:hover { color: #2a6df4; }
.ft-beyaz .ft-iletisim-satir,
.ft-beyaz .ft-iletisim-satir a { color: #4a5667; }
.ft-beyaz .ft-iletisim-satir a:hover { color: #2a6df4; }
.ft-beyaz .ft-sosyal-link { background: #14223a; color: #fff; }
.ft-beyaz .ft-alt { border-top: 1px solid #e6ebf1; color: #6b7787; }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 900px) {
	.ft-ust { grid-template-columns: 1fr 1fr; gap: 32px; }
	.ft-marka { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.ft-bolum { padding: 48px 18px 0; }
	.ft-ust { grid-template-columns: 1fr; gap: 28px; }
	.ft-yukari { right: 16px; bottom: 16px; }
}

/* ==========================================================================
   HİZALAMA — tema kurallarını ezmek için zorlayıcı (v1.3.0)
   ========================================================================== */
.ft-bolum .ft-ust { align-items: start; }
.ft-bolum .ft-sutun { text-align: left !important; }
.ft-bolum .ft-sutun-baslik { text-align: left !important; }
.ft-bolum .ft-link-liste {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.ft-bolum .ft-link-liste li { text-align: left !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ft-bolum .ft-link-liste a { text-align: left !important; }
.ft-bolum .ft-iletisim-satir { justify-content: flex-start !important; text-align: left !important; }
.ft-bolum .ft-marka,
.ft-bolum .ft-marka * { text-align: left !important; }