/* ===================================
   MENU BURGER FONT AWESOME
   =================================== */

/* BURGER BUTTON - Caché par défaut */
.burger-menu {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 1.5rem;
	color: #1f2349;
	padding: 0.5rem;
	z-index: 1001;
	transition: color 0.3s ease;
}

.burger-menu:hover {
	color: #e52821;
}

.burger-menu i {
	display: block;
}

/* OVERLAY */
.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 998;
	display: none;
}

.menu-overlay.active {
	display: block;
}

/* Bloquer le scroll */
body.menu-open {
	overflow: hidden;
}

/* ===================================
   RESPONSIVE MOBILE
   =================================== */

@media screen and (max-width: 768px) {
	/* AFFICHER LE BURGER */
	.burger-menu {
		display: block !important;
	}
	
	/* MENU EN SIDEBAR */
	.header-center {
		position: fixed;
		top: 0;
		left: -100%;
		width: 80%;
		max-width: 300px;
		height: 100vh;
		background: #1f2349;
		z-index: 999;
		transition: left 0.3s ease;
		padding-top: 80px;
		overflow-y: auto;
		display: block !important; /* Force l'affichage même si caché */
	}
	
	.header-center.active {
		left: 0;
		box-shadow: 2px 0 10px rgba(0,0,0,0.3);
	}
	
	/* MENU VERTICAL */
	.header-center .main-menu {
		display: flex !important;
		flex-direction: column;
		gap: 0;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.header-center .main-menu li {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.header-center .main-menu a {
		display: block;
		padding: 1.2rem 2rem;
		color: white;
		text-decoration: none;
		text-align: left;
		transition: background 0.3s ease, color 0.3s ease;
	}
	
	.header-center .main-menu a:hover {
		background: rgba(229, 40, 33, 0.1);
		color: #e52821;
	}
	
	/* BOUTON RÉSERVER MOBILE - Rouge vif */
	.btn-mobile-reserver {
		background: #e52821 !important;
		color: white !important;
		font-weight: bold !important;
		border-radius: 5px !important;
		margin: 0.5rem 1rem !important;
		padding: 1rem 2rem !important;
		text-align: center !important;
	}
	
	.btn-mobile-reserver:hover {
		background: #c62020 !important;
	}
	
	/* AFFICHER LES BOUTONS MOBILE UNIQUEMENT */
	.mobile-only {
		display: block !important;
	}
	
	/* CACHER ACTIONS DESKTOP SUR MOBILE */
	.header-right .search-form,
	.header-right .btn-reserver,
	.header-right .link-account {
		display: none !important;
	}
	
	/* RÉORGANISER HEADER */
	.header-flex {
		justify-content: space-between;
		align-items: center;
	}
	
	.header-left {
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}
	
	.header-left img {
		max-width: 40px;
		max-height: 40px;
	}
	
	.site-title a {
		font-size: 1.1rem;
	}
}

/* DESKTOP - Burger caché */
@media screen and (min-width: 769px) {
	.burger-menu {
		display: none !important;
	}
	
	.menu-overlay {
		display: none !important;
	}
	
	/* CACHER LES BOUTONS MOBILES SUR DESKTOP */
	.mobile-only {
		display: none !important;
	}
}