/* ============================================================
   Galaxy Pilates — Menu mobile + en-tête collant
   Portée : mobile/tablette uniquement (<= 1024px). Desktop intact.
   ============================================================ */

@media (max-width: 1024px) {

	/* ---------- En-tête COLLANT sur mobile ----------
	   Le thème désactive l'en-tête fixe sur mobile (classe
	   mobile_breakpoint_fixedrows_off). On le force proprement : barre fixée
	   en haut, transparente sur le hero, fond sombre dès qu'on défile. */
	.top_panel {
		position: fixed !important;
		top: 0; left: 0; right: 0;
		width: 100%;
		z-index: 100000 !important;
		transition: background-color .25s ease, box-shadow .25s ease;
	}
	body.ggpm-scrolled .top_panel {
		background: rgba(18, 18, 18, .96) !important;
		box-shadow: 0 4px 22px rgba(0, 0, 0, .28);
	}

	/* ---------- Menu burger : panneau PLEINE LARGEUR, lisible, non coupé ----------
	   On sort le menu du coin haut-droit (où il débordait de l'écran) pour en
	   faire un panneau plein largeur sous la barre. Le contenu reste le menu
	   WordPress (géré dans Apparence → Menus). */
	.sc_layouts_menu_mobile_button_burger .sc_layouts_menu_popup {
		position: fixed !important;
		top: var(--ggpm-top, 64px) !important;
		left: 0 !important;
		right: 0 !important;
		transform: none !important;
		width: 100% !important;
		max-width: 100% !important;
		max-height: calc(100vh - var(--ggpm-top, 64px));
		overflow-y: auto;
		margin: 0 !important;
		padding: 6px 0 !important;
		border-radius: 0 !important;
		background: rgba(18, 18, 18, .98) !important;
		box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
	}

	.sc_layouts_menu_popup .sc_layouts_menu_nav,
	.sc_layouts_menu_popup .sc_layouts_menu_nav ul {
		position: static !important;
		width: 100% !important;
		display: block !important;
		float: none !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	.sc_layouts_menu_popup .sc_layouts_menu_nav > li,
	.sc_layouts_menu_popup .sc_layouts_menu_nav li {
		display: block !important;
		float: none !important;
		width: 100% !important;
		border-bottom: 1px solid rgba(255, 255, 255, .08);
	}
	.sc_layouts_menu_popup .sc_layouts_menu_nav a {
		display: block !important;
		padding: 15px 24px !important;
		color: #fff !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		text-align: left !important;
	}
	.sc_layouts_menu_popup .sc_layouts_menu_nav a:hover,
	.sc_layouts_menu_popup .sc_layouts_menu_nav a:focus {
		background: rgba(255, 255, 255, .07) !important;
	}
	/* Flèche des éventuels sous-menus : on la garde discrète. */
	.sc_layouts_menu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a:after {
		right: 24px !important;
	}

	/* Le burger reste bien cliquable au-dessus de tout. */
	.sc_layouts_menu_mobile_button_burger { z-index: 100001 !important; position: relative; }
}