/* ===== AMÉLIORATION DE LA VISIBILITÉ DU LOGO ===== */

/* ── Augmentation de la taille du logo ── */
.site-header.site-header--magazine .site-branding {
	flex: 0 0 auto !important;
	max-width: min(400px, 50vw) !important;
	min-width: 200px;
}

.site-header.site-header--magazine .site-branding img,
.site-header.site-header--magazine .site-branding svg {
	max-height: 85px !important;
	width: auto;
	filter: drop-shadow(0 3px 8px rgba(0,0,0,0.35)) !important;
}

/* ── Fallback texte agrandi ── */
.site-header.site-header--magazine .site-title.site-title--logo-fallback {
	font-size: 32px !important;
	font-weight: 900;
	letter-spacing: -0.02em;
}

.site-header.site-header--magazine .site-title--logo-fallback .logo-text {
	color: #FFFFFF;
	text-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.site-header.site-header--magazine .site-title--logo-fallback .logo-number {
	color: #FAA31B;
	text-shadow: 0 2px 6px rgba(250,163,27,0.4);
}

/* ── Effet hover pour attirer l'attention ── */
.site-header.site-header--magazine .site-branding .custom-logo-link {
	transition: transform 0.3s ease, filter 0.3s ease;
}

.site-header.site-header--magazine .site-branding .custom-logo-link:hover {
	transform: scale(1.06);
	filter: brightness(1.1);
}

.site-header.site-header--magazine .site-branding .custom-logo-link:hover img,
.site-header.site-header--magazine .site-branding .custom-logo-link:hover svg {
	filter: drop-shadow(0 4px 16px rgba(250,163,27,0.5)) !important;
}

/* ── Adaptation pour header compact (scroll) ── */
.site-header.site-header--magazine.is-compact .site-branding {
	max-width: min(320px, 48vw) !important;
}

.site-header.site-header--magazine.is-compact .site-branding img,
.site-header.site-header--magazine.is-compact .site-branding svg {
	max-height: 60px !important;
	transition: max-height 0.3s ease;
}

/* ── Responsive — Tablet ── */
@media (max-width: 1024px) {
	.site-header.site-header--magazine .site-branding {
		max-width: min(350px, 48vw) !important;
	}

	.site-header.site-header--magazine .site-branding img,
	.site-header.site-header--magazine .site-branding svg {
		max-height: 75px !important;
	}

	.site-header.site-header--magazine.is-compact .site-branding img,
	.site-header.site-header--magazine.is-compact .site-branding svg {
		max-height: 55px !important;
	}
}

/* ── Responsive — Mobile ── */
@media (max-width: 768px) {
	.site-header.site-header--magazine .site-branding {
		max-width: min(280px, 55vw) !important;
	}

	.site-header.site-header--magazine .site-branding img,
	.site-header.site-header--magazine .site-branding svg {
		max-height: 62px !important;
	}

	.site-header.site-header--magazine .site-title.site-title--logo-fallback {
		font-size: 26px !important;
	}

	.site-header.site-header--magazine.is-compact .site-branding img,
	.site-header.site-header--magazine.is-compact .site-branding svg {
		max-height: 48px !important;
	}
}

/* ── Responsive — Petit mobile ── */
@media (max-width: 480px) {
	.site-header.site-header--magazine .site-branding {
		max-width: min(220px, 52vw) !important;
	}

	.site-header.site-header--magazine .site-branding img,
	.site-header.site-header--magazine .site-branding svg {
		max-height: 52px !important;
	}

	.site-header.site-header--magazine .site-title.site-title--logo-fallback {
		font-size: 22px !important;
	}

	.site-header.site-header--magazine.is-compact .site-branding img,
	.site-header.site-header--magazine.is-compact .site-branding svg {
		max-height: 42px !important;
	}
}

/* ── Dark mode amélioration contraste ── */
body.dark-mode .site-header.site-header--magazine .site-branding img,
body.dark-mode .site-header.site-header--magazine .site-branding svg {
	filter: drop-shadow(0 3px 12px rgba(250,163,27,0.3)) !important;
}

body.dark-mode .site-header.site-header--magazine .site-branding .custom-logo-link:hover img,
body.dark-mode .site-header.site-header--magazine .site-branding .custom-logo-link:hover svg {
	filter: drop-shadow(0 4px 20px rgba(250,163,27,0.6)) !important;
}

/* ── Optimisation performance (reduced motion) ── */
@media (prefers-reduced-motion: reduce) {
	.site-header.site-header--magazine .site-branding .custom-logo-link,
	.site-header.site-header--magazine .site-branding img,
	.site-header.site-header--magazine .site-branding svg {
		transition: none !important;
	}

	.site-header.site-header--magazine .site-branding .custom-logo-link:hover {
		transform: none !important;
	}
}