/* Eğitmen Kulübü — front-end ek stiller (animasyonlar + nav stili) */

html, body { background: #faf7f0; color: #1f2a24; }
body {
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

.font-display {
	font-family: 'Fraunces', Georgia, serif;
	font-optical-sizing: auto;
	letter-spacing: -0.015em;
}

.grain {
	background-image: radial-gradient(rgba(31,42,36,0.04) 1px, transparent 1px);
	background-size: 22px 22px;
}

.hairline { border-color: #e8e3d6; }

.chip {
	display: inline-flex; align-items: center; gap: .45rem;
	padding: .35rem .7rem;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
}

.btn-primary { background: #3d5440; color: #faf7f0; }
.btn-primary:hover { background: #2d3d2f; }

.rule { height: 1px; background: linear-gradient(to right, transparent, #cfc6af, transparent); }

a { -webkit-tap-highlight-color: transparent; }

::selection { background: #d4a574; color: #1f2a24; }

/* Hero giriş animasyonları */
@keyframes egitmenHeroRise {
	from { opacity: 0; transform: translateY(28px); }
	to   { opacity: 1; transform: translateY(0); }
}
@keyframes egitmenHeroScale {
	from { opacity: 0; transform: scale(0.92); }
	to   { opacity: 1; transform: scale(1); }
}
@keyframes egitmenHeroFloat {
	0%,100% { transform: translateY(0); }
	50%     { transform: translateY(-10px); }
}
.egitmen-rise { animation: egitmenHeroRise 0.9s cubic-bezier(0.2,0.8,0.2,1) both; }
.egitmen-pop  { animation: egitmenHeroScale 1s cubic-bezier(0.2,0.8,0.2,1) both; }
.egitmen-d-1  { animation-delay: 0.08s; }
.egitmen-d-2  { animation-delay: 0.18s; }
.egitmen-d-3  { animation-delay: 0.30s; }
.egitmen-d-4  { animation-delay: 0.42s; }
.egitmen-d-5  { animation-delay: 0.58s; }
.egitmen-float { animation: egitmenHeroFloat 6s ease-in-out infinite; }
.egitmen-pop.egitmen-float {
	animation: egitmenHeroScale 1s cubic-bezier(0.2,0.8,0.2,1) both,
	           egitmenHeroFloat 6s ease-in-out infinite;
	animation-delay: 0.58s, 2s;
}

/* Hero parıltıları */
.egitmen-spark {
	position: absolute;
	border-radius: 9999px;
	pointer-events: none;
	background: rgba(250, 247, 240, 0.7);
	box-shadow: 0 0 10px 2px rgba(250, 247, 240, 0.3);
	animation: egitmenTwinkle ease-in-out infinite;
}
.egitmen-spark.amber {
	background: rgba(212, 165, 116, 0.75);
	box-shadow: 0 0 12px 2px rgba(212, 165, 116, 0.35);
}
@keyframes egitmenTwinkle {
	0%,100% { opacity: 0.08; transform: scale(0.7); }
	50%     { opacity: 0.55; transform: scale(1.2); }
}

@media (prefers-reduced-motion: reduce) {
	.egitmen-rise, .egitmen-pop, .egitmen-float, .egitmen-spark {
		animation: none !important;
	}
}

/* Üst nav menüsü — divide */
.egitmen-primary-menu { list-style: none; padding: 0; margin: 0; display: flex; }
.egitmen-primary-menu > li { display: flex; align-items: center; }
.egitmen-primary-menu > li:first-child > a { padding-left: 0; }
.egitmen-primary-menu .egitmen-submenu { list-style: none; padding-left: 0; padding-right: 0; }
.egitmen-primary-menu .egitmen-submenu li { display: block; }

/* Mobil menü */
.egitmen-mobile-menu { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.egitmen-mobile-menu .egitmen-mitem > div { width: 100%; }
.egitmen-mobile-menu .egitmen-msub { list-style: none; padding-left: 14px; margin: 0; }
.egitmen-mobile-menu .egitmen-mitem.egitmen-mopen > .egitmen-msub { display: block !important; }
.egitmen-mobile-menu .egitmen-mitem.egitmen-mopen > div .egitmen-mtoggle i { transform: rotate(180deg); }

/* WP yorum / Body içerik tipografisi */
.prose-egitmen p { margin: 0 0 1.1em; }
.prose-egitmen h2 { font-family: 'Fraunces', Georgia, serif; font-size: 28px; line-height: 1.2; margin: 1.6em 0 .6em; }
.prose-egitmen h3 { font-family: 'Fraunces', Georgia, serif; font-size: 22px; line-height: 1.25; margin: 1.4em 0 .5em; }
.prose-egitmen ul, .prose-egitmen ol { padding-left: 1.4em; margin: 0 0 1.1em; }
.prose-egitmen li { margin-bottom: .35em; }
.prose-egitmen a { color: #3d5440; text-decoration: underline; text-underline-offset: 3px; }
.prose-egitmen a:hover { color: #486349; }
.prose-egitmen blockquote {
	border-left: 3px solid #c4704a;
	padding: .4em 1em;
	color: #6b7268;
	font-style: italic;
	margin: 1.4em 0;
}
.prose-egitmen img { max-width: 100%; height: auto; border-radius: 12px; }
.prose-egitmen pre {
	background: #fdfbf6; border: 1px solid #e8e3d6;
	padding: 1em; border-radius: 12px; overflow: auto;
}

/* Üye paneli sidebar nav */
.navlink {
	display: flex; align-items: center; gap: .75rem;
	padding: .55rem .85rem;
	border-radius: .75rem;
	color: #1f2a24;
	font-size: 15px;
	background: transparent;
	border: 0;
	cursor: pointer;
	transition: background .15s;
}
.navlink:hover { background: #fdfbf6; }
.navlink.active { background: #3d5440; color: #faf7f0; }
.navlink.active .ic { color: #d4a574; }

::selection-panel { background: #d4a574; color: #1f2a24; }

/* Skip link */
.sr-only {
	position: absolute; width: 1px; height: 1px;
	padding: 0; margin: -1px; overflow: hidden;
	clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.sr-only.focus\:not-sr-only:focus,
.focus\:not-sr-only:focus {
	position: absolute; width: auto; height: auto;
	clip: auto; overflow: visible; white-space: normal;
}