.header-inner { flex-wrap: wrap; }
.spacer { flex: 1; }
.header-socials { justify-content: flex-end; }
.social-link { display: inline-flex; align-items: center; gap: 8px; }
.social-link .icon { width: 18px; height: 18px; color: var(--accent); filter: drop-shadow(0 0 10px rgba(255,199,44,0.25)); }

/* Mobile header fixes */
@media (max-width: 768px) {
	.site-header {
		padding-top: 0;
	}
	
	.header-inner {
		gap: 12px;
		padding: 6px 0 16px;
		justify-content: space-between;
		position: relative;
	}
	
	.site-header .container {
		padding: 0 16px;
	}
	
	.logo-wrap {
		flex-shrink: 0;
		order: 1;
	}
	
	.title-group {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		order: 2;
		text-align: center;
		pointer-events: none;
		padding-bottom: 8px;
	}
	
	.title-group h1 {
		font-size: 1.4rem !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.tagline {
		font-size: 0.9rem;
		margin-bottom: 8px;
	}
	
	.spacer {
		display: none;
	}
	
	.shine-toggle {
		width: 42px;
		height: 42px;
		flex-shrink: 0;
		order: 3;
		margin-left: auto;
	}
	
	.shine-toggle .bulb-icon {
		width: 20px;
		height: 20px;
	}
	
	.header-socials {
		width: 100%;
		justify-content: center;
		order: 10;
		margin-top: 18px;
	}
	
	.social-link {
		font-size: 0.9rem;
		padding: 6px 12px;
	}
}

@media (max-width: 480px) {
	.site-header {
		padding-top: 12px;
	}
	
	.site-header .container {
		padding: 0 12px;
	}
	
	.header-inner {
		gap: 8px;
		padding: 12px 0;
	}
	
	.title-group h1 {
		font-size: 1.2rem !important;
	}
	
	.logo-wrap {
		width: 70px !important;
		height: 70px !important;
	}
}