/**
 * Логотип в шапке: насыщеннее, чем legacy «до крема», + лёгкая микроанимация градиента.
 * Подключается после seberd-legacy-skin.css.
 */

body #masthead .site-branding .main-title a,
body #masthead .site-branding .main-title a:visited,
body #masthead .site-branding .site-title a,
body #masthead .site-branding .site-title a:visited,
body #masthead .main-title a,
body #masthead .main-title a:visited,
body #masthead .site-title a,
body #masthead .site-title a:visited {
	/* Без бледного хвоста: остаёмся в оранжево‑янтарном диапазоне */
	background: linear-gradient(
		92deg,
		#ff6600 0%,
		#ff8533 28%,
		#ff9933 55%,
		#ffb347 100%
	) !important;
	background-size: 180% 100% !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	filter: drop-shadow(0 0 12px rgba(255, 102, 0, 0.42)) drop-shadow(0 1px 0 rgba(0, 0, 0, 0.35)) !important;
	transition:
		filter 0.25s ease,
		transform 0.25s ease !important;
}

@media (prefers-reduced-motion: no-preference) {
	body #masthead .site-branding .main-title a,
	body #masthead .site-branding .site-title a,
	body #masthead .main-title a,
	body #masthead .site-title a {
		animation: sbrd-brand-gradient 9s ease-in-out infinite !important;
	}

	@keyframes sbrd-brand-gradient {
		0%,
		100% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
	}
}

body #masthead .site-branding .main-title a:hover,
body #masthead .site-branding .site-title a:hover,
body #masthead .main-title a:hover,
body #masthead .site-title a:hover {
	filter: drop-shadow(0 0 16px rgba(255, 120, 0, 0.55)) drop-shadow(0 1px 0 rgba(0, 0, 0, 0.35)) !important;
	transform: translateY(-1px) !important;
}

@media (prefers-reduced-motion: reduce) {
	body #masthead .site-branding .main-title a,
	body #masthead .site-branding .site-title a,
	body #masthead .main-title a,
	body #masthead .site-title a {
		animation: none !important;
		background-size: 100% 100% !important;
	}

	body #masthead .site-branding .main-title a:hover,
	body #masthead .site-branding .site-title a:hover,
	body #masthead .main-title a:hover,
	body #masthead .site-title a:hover {
		transform: none !important;
	}
}

/* Светлая тема: тёмный оранжевый, читаемый на светлой шапке */
html[data-sbrd-theme='light'] body #masthead .site-branding .main-title a,
html[data-sbrd-theme='light'] body #masthead .site-branding .site-title a,
html[data-sbrd-theme='light'] body #masthead .main-title a,
html[data-sbrd-theme='light'] body #masthead .site-title a {
	background: linear-gradient(
		92deg,
		#b83800 0%,
		#cc4400 35%,
		#d95500 70%,
		#e66600 100%
	) !important;
	filter: drop-shadow(0 0 8px rgba(204, 68, 0, 0.28)) !important;
}