/* 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;
}

/* -------------------------------------------------------------------------
 * Canlı yayın göstergeleri (yanıp sönen)
 * ------------------------------------------------------------------------- */
@keyframes eg-live-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%      { opacity: .35; transform: scale(.85); }
}
@keyframes eg-live-glow {
	0%, 100% { box-shadow: 0 0 0 0 rgba(184,90,76,.55); }
	50%      { box-shadow: 0 0 0 6px rgba(184,90,76,0); }
}
.eg-live-dot {
	display: inline-block;
	width: 9px; height: 9px;
	border-radius: 50%;
	background: #b85a4c;
	animation: eg-live-pulse 1.1s ease-in-out infinite, eg-live-glow 1.6s ease-out infinite;
	flex-shrink: 0;
}
.eg-live-dot-white { background: #ffffff; }
.eg-live-badge {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	color: #fff;
	background: #b85a4c;
	padding: 2px 8px;
	border-radius: 999px;
	animation: eg-live-pulse 1.3s ease-in-out infinite;
}
.eg-live-banner {
	background: linear-gradient(120deg, #b85a4c 0%, #c4704a 55%, #d4a574 130%);
	box-shadow: 0 14px 34px -16px rgba(184,90,76,.55);
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}
.eg-live-banner:hover {
	transform: translateY(-2px);
	box-shadow: 0 20px 42px -16px rgba(184,90,76,.6);
}

/* ---- Eğitim kaydırıcısı (anasayfa · Son Eklenen Eğitimler) ---- */
.eg-slider {
	position: relative;
}
.eg-slider-track {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 4px;
}
.eg-slider-track::-webkit-scrollbar {
	display: none;
}
.eg-slide {
	flex: 0 0 calc((100% - 48px) / 3);
	scroll-snap-align: start;
}
@media (max-width: 1024px) {
	.eg-slide { flex-basis: calc((100% - 24px) / 2); }
}
@media (max-width: 680px) {
	.eg-slider-track { gap: 16px; }
	.eg-slide { flex-basis: 86%; }
}
.eg-slider-btn {
	width: 46px;
	height: 46px;
	border-radius: 9999px;
	border: 1px solid #e8e3d6;
	background: #fdfbf6;
	color: #1f2a24;
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}
.eg-slider-btn:hover:not(:disabled) {
	background: #3d5440;
	border-color: #3d5440;
	color: #faf7f0;
}
.eg-slider-btn:disabled {
	opacity: .35;
	cursor: not-allowed;
}

/* -------------------------------------------------------------------------
 * Özel üye başvuru CTA — hareketli gradient çerçeve + gradient buton
 * (panel "Hoş geldiniz" altı + /dokumanlar/ özel kategori bölümü)
 * Palet: tema kahve/kil tonları (clay #c4704a, amber2 #d4a574, koyu kahve #8a4b2f)
 * ------------------------------------------------------------------------- */
.eg-ozel-cta {
	position: relative;
	border-radius: 26px;
	padding: 2px;                       /* çerçeve kalınlığı */
	background: linear-gradient(120deg, #8a4b2f, #c4704a, #d4a574, #c4704a, #8a4b2f);
	background-size: 300% 300%;
	animation: eg-ozel-flow 7s ease infinite;
	box-shadow: 0 14px 34px -18px rgba(138, 75, 47, .55);
}
.eg-ozel-cta-in {
	border-radius: 24px;
	background:
		linear-gradient(135deg, rgba(212, 165, 116, .28) 0%, rgba(196, 112, 74, .30) 100%),
		#fdfbf6;                        /* paper */
}
.eg-ozel-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	padding: 13px 22px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.25;
	color: #faf7f0;                     /* cream */
	background: linear-gradient(120deg, #6f3b25, #8a4b2f, #c4704a, #d4a574, #c4704a, #8a4b2f);
	background-size: 260% 260%;
	animation: eg-ozel-flow 5s ease infinite;
	box-shadow: 0 10px 24px -10px rgba(138, 75, 47, .75);
	/* NOT: hover'da `gap`/padding/font DEĞİŞMEZ — layout kayması olmaz.
	   Yalnız gölge güçlenir ve içteki ok ikonu kendi içinde kayar (transform). */
	transition: box-shadow .18s ease, filter .18s ease;
}
.eg-ozel-btn:hover {
	box-shadow: 0 16px 32px -10px rgba(138, 75, 47, .95);
	filter: brightness(1.06);
}
.eg-ozel-btn i { transition: transform .18s ease; }
.eg-ozel-btn:hover i:last-child { transform: translateX(3px); }
.eg-ozel-btn:focus-visible { outline: 2px solid #3d5440; outline-offset: 3px; }

/* Mobil: buton uzun metinli → ekrandan taşmasın. Tam genişlik, ortalı, metin sarmalı.
   (Masaüstünde davranış değişmez; kart zaten flex-wrap.) */
@media (max-width: 640px) {
	.eg-ozel-btn {
		width: 100%;
		max-width: 100%;
		justify-content: center;
		text-align: center;
		padding: 13px 16px;
		line-height: 1.35;
	}
	.eg-ozel-btn span { white-space: normal; min-width: 0; }
	.eg-ozel-btn i { flex-shrink: 0; }
}

@keyframes eg-ozel-flow {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* Hareket hassasiyeti olan kullanıcı için animasyon kapalı (erişilebilirlik). */
@media (prefers-reduced-motion: reduce) {
	.eg-ozel-cta, .eg-ozel-btn { animation: none; }
	.eg-ozel-btn i, .eg-ozel-btn:hover i:last-child { transition: none; transform: none; }
}

/* ============================================================
 * Blog tekil yazı (single.php) — solda içerik + sağda sidebar
 * ============================================================ */

/* Başlık üstü kategori linkleri */
.blog-kat a { color: #3d5440; text-decoration: none; }
.blog-kat a:hover { color: #486349; }

/* İçeriğin ilk paragrafı "lead" — biraz büyük ve koyu (giriş etkisi) */
.blog-icerik > p:first-of-type {
	font-size: 19px;
	line-height: 1.7;
	color: #2c3a31;
}
.blog-icerik > p:first-of-type::first-letter {
	/* İnce vurgu; abartısız */
	color: #1f2a24;
}

/* Sidebar "Son Yazılar" başlık iki satırda kesilsin (Tailwind line-clamp yoksa güvence) */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Uzun içerik masaüstünde sidebar'dan kısa kalırsa sticky düzgün dursun */
@media (min-width: 1024px) {
	.blog-icerik { max-width: 72ch; }
}