/* ══════════════════════════════════════════════════════════════
   E-POSTA OBFUSKASYONU
   Adres HTML'de düz metin yok; JS çözüyor. Çözülmeden önce
   tasarım "E-posta adresi" etiketiyle durur, çözüldükten sonra
   adres yazılır. Geçiş gecikmeli olduğu için kayan düzen yok.
   ══════════════════════════════════════════════════════════════ */

.yo-mail {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	word-break: break-all;
}

/* Çözülene kadar hafif soluk — kullanıcı "yükleniyor" algılamasın,
   sayfa da zıplamasın. */
.yo-mail__metin {
	opacity: .55;
	transition: opacity .18s ease;
}

.yo-mail--cozuldu .yo-mail__metin {
	opacity: 1;
}

.yo-mail--cozuldu {
	word-break: normal;
}

.yo-mailbox {
	display: grid;
	gap: 8px;
}

.yo-mailbox .yo-mail {
	justify-content: center;
}

.yo-mailbox__not,
.yo-mailbox__addr {
	margin: 0;
	font-size: .82rem;
	line-height: 1.5;
	color: var(--yo-muted);
}

.yo-mailbox__addr {
	font-size: .86rem;
}

/* Erişilebilirlik: JS kapalıysa kullanıcı adresi göremez. Bu durumda
   klavye odağı boşa gitmesin, bağlantı odaklanabilir kalsın. */
.yo-mail:focus-visible {
	outline: 2px solid var(--yo-gold, #c9a227);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.yo-mail__metin { transition: none; }
}