/* ========================================================================
   STYLES DU LOGO – Tailles et espacements configurables
   ======================================================================== */

/* Logo personnalisé – dimensions depuis le Customizer */
.custom-logo {
	height: var(--nova-logo-height, 60px) !important;
	max-width: var(--nova-logo-width, auto) !important;
	width: auto !important;
	margin-bottom: var(--nova-logo-margin-bottom, 0px) !important;
	display: block;
}

/* Conteneur du lien logo */
.custom-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	outline: none;
}

.custom-logo-link:focus-visible {
	outline: 3px solid #111;
	outline-offset: 2px;
	border-radius: 4px;
}

/* Responsive – réduire la hauteur sur mobile */
@media (max-width: 767.98px) {
	.custom-logo {
		height: calc(var(--nova-logo-height, 60px) * 0.85) !important;
	}
}

@media (max-width: 575.98px) {
	.custom-logo {
		height: calc(var(--nova-logo-height, 60px) * 0.75) !important;
	}
}