#header .header-nav-main nav > ul > li > a.nav-link.active,
#header .header-nav-main nav > ul > li > a.nav-link.active:hover,
#header .header-nav-main nav > ul > li > a.nav-link.active:focus {
	color: var(--primary);
}

/* Sticky header'a geçişte yukarıdan aşağıya kayma animasyonu (mobildeki gibi) */
html.sticky-header-active #header .header-body {
	animation: headerStickySlideDown 0.4s ease;
}

@keyframes headerStickySlideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}