/* ==========================================================================
   En-tête Bridge sur mobile et tablette (≤ 1000 px)
   Déplacé du « CSS additionnel » du Personnaliser le 30/10/2026 (ajouté le 27/10/2026).
   - Le bouton « Espace adhérents » chevauchait le logo ; le menu ☰ touchait le logo.
   - Sur Parcours, le thème centrait le bloc du logo (left: 50 %).
   ========================================================================== */
@media (max-width: 1000px) {
	.header_bottom .logo_wrapper { left: 8px !important; }
	.header_bottom .q_logo { left: 48px !important; }
	.header_bottom .header_inner_right {
		position: absolute !important; right: 10px; top: 0; float: none !important;
		height: 100%; display: flex; align-items: center; z-index: 5;
	}
	.header_bottom .side_menu_button { height: auto !important; display: flex; align-items: center; }
	.header_bottom .side_menu_button_link {
		display: flex !important; align-items: center; gap: 6px; width: auto !important; max-width: 92px;
		white-space: normal; line-height: 1.15; text-align: left; font-size: 12px;
	}
}
/* Petits téléphones : icône seule (le texte reste lu par les lecteurs d'écran) */
@media (max-width: 380px) {
	.header_bottom .q_logo { left: 36px !important; }
	.header_bottom .side_menu_button_link { max-width: none; padding: 10px 4px; }
	.header_bottom .side_menu_button_link span {
		position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
	}
	.header_bottom .side_menu_button_link i { font-size: 18px !important; }
}