/**
 * Critical CSS for tabs and footer gradient animation
 * Loaded inline via wp_add_inline_style() because it cannot be cached
 * due to dynamic theme overrides
 */

@keyframes whoknew-gradient-flow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.whoknew-footer-text,
.whoknewshield-settings .whoknew-footer-text {
	background: linear-gradient(90deg, #10b981 0%, #059669 25%, #10b981 50%, #059669 75%, #10b981 100%) !important;
	background-size: 200% auto !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	font-weight: 500 !important;
	animation: whoknew-gradient-flow 3s ease infinite !important;
}

.nav-tab-wrapper {
	border-bottom: 2px solid #e5e7eb !important;
	margin-bottom: 30px !important;
	padding: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.nav-tab {
	padding: 14px 24px !important;
	color: #6b7280 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	border: none !important;
	border-bottom: 3px solid transparent !important;
	background: transparent !important;
	border-radius: 8px 8px 0 0 !important;
}

.nav-tab:hover {
	color: #1e3a8a !important;
	background: rgba(59, 130, 246, 0.05) !important;
}

.nav-tab-active {
	color: #1e3a8a !important;
	background: linear-gradient(to bottom, rgba(59, 130, 246, 0.1) 0%, transparent 100%) !important;
	border-bottom: 3px solid #3b82f6 !important;
	font-weight: 700 !important;
}

.nav-tab[style*="background: linear-gradient(135deg, #fefce8"] {
	background: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%) !important;
	color: #92400e !important;
	border-left: 4px solid #fbbf24 !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
}

.nav-tab[style*="background: linear-gradient(135deg, #fefce8"]:hover {
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
}