/* =========================================================
   FOOTER + SABİT WHATSAPP BUTONU
   İçeriği zayif-akim-footer.php basıyor.
   Renk değişkenleri stil.css'teki :root bloğundan geliyor.
   ========================================================= */

/* Kadence'in kendi footer'ı gizli — düzeni tamamen biz kuruyoruz. */
#colophon,
.site-footer-wrap {
	display: none !important;
}

.za-altlik {
	position: relative;
	background: var(--za-lacivert-koyu);
	color: rgba(255, 255, 255, .7);
	font-size: 15px;
	line-height: 1.75;
}

/* Üstte çok ince ayırıcı. Kırmızı hat denendi ama ana sayfada hemen
   üstündeki kırmızı CTA bandının yarım kalmış uzantısı gibi duruyordu. */
.za-altlik::before {
	content: "";
	display: block;
	height: 1px;
	background: rgba(255, 255, 255, .1);
}

.za-altlik-ic {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.15fr;
	gap: 56px 44px;
	max-width: 1180px;
	margin: 0 auto;
	padding: 72px 24px 62px;
}

/* --- marka kolonu --- */
/* Footer lacivert olduğu için logonun ORİJİNAL sürümü kullanılıyor:
   "ESD" harfleri beyaz ve burada okunuyor. */
.za-altlik-logo {
	display: block;
	width: auto;
	height: 46px;
	margin: 0 0 18px;
}

.za-altlik-aciklama {
	margin: 0;
	max-width: 38ch;
	font-size: 14.5px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .6);
}

/* --- sosyal butonlar --- */
.za-sosyal {
	display: flex;
	gap: 10px;
	margin-top: 24px;
}

.za-sosyal-btn {
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .12);
	transition: background-color .2s ease, border-color .2s ease,
	            transform .2s cubic-bezier(.34, 1.3, .64, 1);
}

.za-sosyal-btn::before {
	content: "";
	width: 18px;
	height: 18px;
	background: rgba(255, 255, 255, .8);
	-webkit-mask: var(--za-sos) center / contain no-repeat;
	mask: var(--za-sos) center / contain no-repeat;
	transition: background-color .2s ease;
}

.za-sosyal-btn:hover {
	background: var(--za-vurgu);
	border-color: var(--za-vurgu);
	transform: translateY(-2px);
}

.za-sosyal-btn:hover::before {
	background: #fff;
}

.za-sos-whatsapp {
	--za-sos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.9-4.45 9.9-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm5.86 14.2c-.24.68-1.42 1.32-1.95 1.37-.53.05-1.03.25-3.48-.73-2.96-1.19-4.88-4.31-5.03-4.5-.15-.2-1.21-1.6-1.21-3.07 0-1.46.77-2.18 1.04-2.47.27-.3.59-.37.79-.37h.52c.19 0 .43-.07.67.49.24.58.83 2.02.9 2.17.08.15.13.32.03.51-.1.2-.15.32-.29.49-.15.17-.31.38-.44.51-.15.15-.3.31-.13.61.17.29.75 1.24 1.63 2.02 1.12.99 2.07 1.31 2.37 1.46.29.15.46.13.63-.08.17-.19.73-.85.93-1.14.19-.29.39-.24.65-.15.27.1 1.7.8 1.99.95.29.15.49.22.56.34.07.13.07.75-.17 1.42Z'/%3E%3C/svg%3E");
}

.za-sos-instagram {
	--za-sos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cline x1='17.4' y1='6.6' x2='17.5' y2='6.6'/%3E%3C/svg%3E");
}

.za-sos-facebook {
	--za-sos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M13.5 22v-8h2.8l.42-3.25H13.5V8.6c0-.94.26-1.58 1.6-1.58h1.72V4.11c-.3-.04-1.33-.13-2.53-.13-2.5 0-4.21 1.53-4.21 4.33v2.44H7.25V14h2.83v8h3.42Z'/%3E%3C/svg%3E");
}

/* --- link kolonları --- */
.za-altlik-kolon h3 {
	margin: 0 0 20px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
}

.za-altlik-kolon ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.za-altlik-kolon li {
	margin: 0 0 11px;
	font-size: 14.5px;
}

.za-altlik-kolon li:last-child {
	margin-bottom: 0;
}

.za-altlik-kolon a {
	color: rgba(255, 255, 255, .62);
	text-decoration: none;
	transition: color .18s ease, padding-left .18s ease;
}

.za-altlik-kolon a:hover {
	color: #fff;
	padding-left: 4px;
}

/* --- iletişim kolonu: satır başlarında ikon --- */
.za-altlik-iletisim li {
	position: relative;
	padding-left: 27px;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, .62);
}

.za-altlik-iletisim li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background: var(--za-vurgu);
	-webkit-mask: var(--za-sos) center / contain no-repeat;
	mask: var(--za-sos) center / contain no-repeat;
}

.za-il-adres {
	--za-sos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E");
}

.za-il-tel {
	--za-sos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h3l2 5-2.4 1.6a12 12 0 0 0 5.8 5.8L15 13l5 2v3a2 2 0 0 1-2.2 2A16 16 0 0 1 3 5.2A2 2 0 0 1 5 3Z'/%3E%3C/svg%3E");
}

.za-il-posta {
	--za-sos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E");
}

.za-il-saat {
	--za-sos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V12l3.2 2'/%3E%3C/svg%3E");
}

/* --- alt şerit: telif + yasal linkler --- */
.za-altlik-alt {
	border-top: 1px solid rgba(255, 255, 255, .1);
	background: rgba(0, 0, 0, .22);
}

.za-altlik-alt-ic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px 32px;
	flex-wrap: wrap;
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px 24px;
}

.za-altlik-alt p {
	margin: 0;
	font-size: 13.5px;
	color: rgba(255, 255, 255, .5);
}

.za-altlik-alt ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.za-altlik-alt a {
	font-size: 13.5px;
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
	transition: color .18s ease;
}

.za-altlik-alt a:hover {
	color: #fff;
}

/* --- footer dil seçimi (dil.js ekliyor) --- */
.za-altlik-dil {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 13.5px;
	color: rgba(255, 255, 255, .35);
}

.za-altlik-dil span {
	position: relative;
	padding-right: 14px;
}

.za-altlik-dil span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 12px;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, .18);
}

.za-altlik-dil a[aria-current="true"] {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-color: var(--za-vurgu);
	text-decoration-thickness: 2px;
}

/* Klavye odağı — footer'da sadece :hover vardı, Tab ile gezen kullanıcı
   nerede olduğunu göremiyordu (WCAG 2.4.7). */
.za-sosyal-btn:focus-visible,
.za-altlik-kolon a:focus-visible,
.za-altlik-alt a:focus-visible {
	outline: 2px solid var(--za-vurgu);
	outline-offset: 3px;
	border-radius: 2px;
	color: #fff;
}

@media (max-width: 1024px) {
	.za-altlik-ic {
		grid-template-columns: 1fr 1fr;
		gap: 44px 40px;
		padding: 56px 22px 48px;
	}
	.za-altlik-marka {
		grid-column: 1 / -1;
	}
	.za-altlik-aciklama {
		max-width: 60ch;
	}
}

@media (max-width: 600px) {
	.za-altlik-ic {
		grid-template-columns: 1fr;
		gap: 38px;
	}
	.za-altlik-alt-ic {
		justify-content: flex-start;
	}
}

/* =========================================================
   SABİT WHATSAPP BUTONU
   Kapalı hâlde sadece yuvarlak ikon; üstüne gelince yazı açılıyor.
   ========================================================= */
.za-wa {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 9990;
	display: inline-flex;
	align-items: center;
	height: 56px;
	border-radius: 999px;
	background: #25D366;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .45);
	transition: padding .28s cubic-bezier(.34, 1.2, .64, 1),
	            box-shadow .25s ease,
	            transform .25s cubic-bezier(.34, 1.3, .64, 1);
}

.za-wa-ikon {
	--za-wa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.9-4.45 9.9-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm5.86 14.2c-.24.68-1.42 1.32-1.95 1.37-.53.05-1.03.25-3.48-.73-2.96-1.19-4.88-4.31-5.03-4.5-.15-.2-1.21-1.6-1.21-3.07 0-1.46.77-2.18 1.04-2.47.27-.3.59-.37.79-.37h.52c.19 0 .43-.07.67.49.24.58.83 2.02.9 2.17.08.15.13.32.03.51-.1.2-.15.32-.29.49-.15.17-.31.38-.44.51-.15.15-.3.31-.13.61.17.29.75 1.24 1.63 2.02 1.12.99 2.07 1.31 2.37 1.46.29.15.46.13.63-.08.17-.19.73-.85.93-1.14.19-.29.39-.24.65-.15.27.1 1.7.8 1.99.95.29.15.49.22.56.34.07.13.07.75-.17 1.42Z'/%3E%3C/svg%3E");
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	background: #fff;
	-webkit-mask: var(--za-wa-svg) center / 30px 30px no-repeat;
	mask: var(--za-wa-svg) center / 30px 30px no-repeat;
}

.za-wa-yazi {
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.01em;
	opacity: 0;
	transition: max-width .3s cubic-bezier(.34, 1.2, .64, 1),
	            opacity .22s ease;
}

.za-wa:hover,
.za-wa:focus-visible {
	padding-right: 22px;
	transform: translateY(-2px);
	box-shadow: 0 18px 34px -12px rgba(0, 0, 0, .5);
}

.za-wa:hover .za-wa-yazi,
.za-wa:focus-visible .za-wa-yazi {
	max-width: 220px;
	opacity: 1;
}

.za-wa:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

/* dikkat çekmesi için yavaş, tek nefeslik nabız */
@keyframes za-wa-nabiz {
	0%, 72%, 100% {
		box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .45),
		            0 0 0 0 rgba(37, 211, 102, .55);
	}
	86% {
		box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .45),
		            0 0 0 14px rgba(37, 211, 102, 0);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.za-wa:not(:hover) {
		animation: za-wa-nabiz 4.5s ease-out infinite;
	}
}

@media (max-width: 600px) {
	.za-wa {
		right: 16px;
		bottom: 16px;
		height: 52px;
	}
	.za-wa-ikon {
		flex-basis: 52px;
		width: 52px;
		height: 52px;
	}
	/* mobilde yazı hiç açılmıyor — parmakla hover yok, yer de dar */
	.za-wa:hover {
		padding-right: 0;
	}
	.za-wa:hover .za-wa-yazi {
		max-width: 0;
		opacity: 0;
	}
}