/**
 * Header layout st4: burger (menu principal) + logo + menu secondaire centré.
 * Le menu secondaire est masqué sous le breakpoint lg (Bootstrap) via les classes du template.
 */

.patara-header.patara-header-st4 .patara-st4-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.patara-header.patara-header-st4 .patara-st4-logo {
	margin-bottom: 0.35rem;
}

.patara-header.patara-header-st4 .patara-st4-secondary-nav {
	width: 100%;
}

.patara-header.patara-header-st4 .patara-st4-secondary-list {
	gap: 0.25rem 1rem;
}

.patara-header.patara-header-st4 .patara-st4-secondary-list .nav-link {
	padding: 0.35rem 0.5rem;
	white-space: nowrap;
}

/* Aligner le menu secondaire avec le comportement du bandeau (logo lisible avant / après scroll). */
.light-version .patara-header-st4:not(.scrolled) .patara-st4-secondary-nav .nav-link {
	color: rgba(255, 255, 255, 0.95);
}

.light-version .patara-header-st4.scrolled.awake .patara-st4-secondary-nav .nav-link {
	color: #111;
}

.light-version .patara-header-st4.scrolled.awake .patara-st4-secondary-nav .dropdown-menu .nav-link,
.light-version .patara-header-st4.scrolled.awake .patara-st4-secondary-nav .dropdown-menu .dropdown-item {
	color: #222;
}

.dark-version .patara-header-st4 .patara-st4-secondary-nav .nav-link {
	color: rgba(255, 255, 255, 0.95);
}

.dark-version .patara-header-st4.scrolled.awake .patara-st4-secondary-nav .nav-link {
	color: rgba(255, 255, 255, 0.95);
}