/**
 * Menu bas mobile sticky — charte Thalès (inspiré screen 3).
 * Visible ≤980px. Masque aussi la top barre Mon compte / Réserver.
 */

.wpcursor-menu-bas-mobile {
	display: none;
	box-sizing: border-box;
}

.wpcursor-menu-bas-mobile *,
.wpcursor-menu-bas-mobile *::before,
.wpcursor-menu-bas-mobile *::after {
	box-sizing: border-box;
}

@media (max-width: 980px) {
	/* Retirer la top barre mobile « Mon compte / Réserver » (menu fermé) */
	.new-header-mobile .row-header-top-mobile,
	.new-header-mobile .header-top-mobile {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border: 0 !important;
	}

	/*
	 * Burger ouvert : remettre la barre blanche pour combler le trou
	 * (#dd-section est calé à top: 119px, hauteur header avec barre).
	 */
	body.wpcursor-has-menu-bas-mobile:has(#burger-menu.active) .new-header-mobile .row-header-top-mobile,
	body.wpcursor-has-menu-bas-mobile.wpcursor-burger-open .new-header-mobile .row-header-top-mobile {
		display: block !important;
		height: auto !important;
		margin: 0 !important;
		padding: 15px 0 !important;
		overflow: visible !important;
		border: 0 !important;
		border-bottom: 1px solid #06113a !important;
		width: 100% !important;
		background: #fff;
	}

	body.wpcursor-has-menu-bas-mobile:has(#burger-menu.active) .new-header-mobile .header-top-mobile,
	body.wpcursor-has-menu-bas-mobile.wpcursor-burger-open .new-header-mobile .header-top-mobile {
		display: block !important;
		height: auto !important;
		margin: 0 auto !important;
		padding: 0 !important;
		overflow: visible !important;
		border: 0 !important;
		max-width: 95%;
	}

	/* Header logo plus compact + trait jaune sous le logo (screen 3) */
	.new-header-mobile .header_thales {
		padding-top: 0.45rem !important;
		padding-bottom: 0.45rem !important;
	}

	.new-header-mobile .dd-logo-mobile {
		position: relative;
		margin-top: 0 !important;
	}

	.new-header-mobile .dd-logo-mobile .et_pb_image_wrap {
		display: inline-block;
		position: relative;
		line-height: 0;
	}

	.new-header-mobile .dd-logo-mobile .et_pb_image_wrap::after {
		content: '';
		display: block;
		width: 2.65rem;
		height: 3px;
		margin: 0.28rem auto 0;
		background: #f2cd78;
		border-radius: 2px;
	}

	.new-header-mobile .dd-logo-mobile img {
		width: 132px !important;
		height: auto !important;
	}

	body.wpcursor-has-menu-bas-mobile #page-container,
	body.wpcursor-has-menu-bas-mobile.et-tb #page-container,
	body.wpcursor-has-menu-bas-mobile.et-tb-has-header #page-container,
	body.wpcursor-has-menu-bas-mobile.has-menu-categorie #page-container,
	body.wpcursor-has-menu-bas-mobile.has-home-categories-menu #page-container {
		padding-top: 54px !important;
	}

	body.wpcursor-has-menu-bas-mobile {
		padding-bottom: calc(3.75rem + env(safe-area-inset-bottom, 0px));
	}

	.wpcursor-menu-bas-mobile {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100000;
		background: #fff;
		border-top: 1px solid rgba(6, 17, 58, 0.08);
		border-radius: 18px 18px 0 0;
		box-shadow: 0 -10px 28px rgba(6, 17, 58, 0.12);
		padding: 0.15rem 0.35rem calc(0.15rem + env(safe-area-inset-bottom, 0px));
	}

	/*
	 * HubSpot chat (« Une question… ») : remonter au-dessus du menu
	 * et z-index plus haut pour que la croix soit cliquable.
	 */
	#hubspot-messages-iframe-container {
		z-index: 100050 !important;
		bottom: calc(4.35rem + env(safe-area-inset-bottom, 0px)) !important;
	}
	#hubspot-messages-iframe-container iframe {
		pointer-events: auto !important;
	}

	.wpcursor-menu-bas-mobile__list {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0;
		margin: 0;
		padding: 0.15rem 0 0;
		list-style: none;
	}

	.wpcursor-menu-bas-mobile__item {
		position: relative;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.wpcursor-menu-bas-mobile__item:not(:last-child)::after {
		content: '';
		position: absolute;
		top: 22%;
		right: 0;
		bottom: 22%;
		width: 1px;
		background: rgba(6, 17, 58, 0.12);
		pointer-events: none;
	}

	.wpcursor-menu-bas-mobile__link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.22rem;
		min-height: 3.4rem;
		margin: 0 0.15rem;
		padding: 0.4rem 0.2rem 0.5rem;
		border-radius: 12px;
		color: #06113a !important;
		text-decoration: none !important;
		font-family: Montserrat, sans-serif;
		font-size: 0.6875rem;
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: 0.01em;
		-webkit-tap-highlight-color: transparent;
		position: relative;
		transition: background 0.15s ease, color 0.15s ease;
	}

	.wpcursor-menu-bas-mobile__item.is-active .wpcursor-menu-bas-mobile__link {
		color: #c9a227 !important;
		background: rgba(242, 205, 120, 0.16);
	}

	.wpcursor-menu-bas-mobile__item.is-active .wpcursor-menu-bas-mobile__link::after {
		content: '';
		position: absolute;
		left: 22%;
		right: 22%;
		bottom: 0.15rem;
		height: 3px;
		background: #f2cd78;
		border-radius: 3px;
	}

	.wpcursor-menu-bas-mobile__link:hover,
	.wpcursor-menu-bas-mobile__link:focus-visible {
		color: #c9a227 !important;
		outline: none;
		background: rgba(242, 205, 120, 0.1);
	}

	.wpcursor-menu-bas-mobile__icon {
		display: block;
		width: 1.4rem;
		height: 1.4rem;
		background-color: currentColor;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: contain;
		mask-size: contain;
	}

	.wpcursor-menu-bas-mobile__icon--home {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3C/svg%3E");
	}

	.wpcursor-menu-bas-mobile__icon--prepas {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 8l10 5 10-5-10-5Z'/%3E%3Cpath d='M6 10.5v5.2c0 .8 2.7 2.3 6 2.3s6-1.5 6-2.3v-5.2'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 8l10 5 10-5-10-5Z'/%3E%3Cpath d='M6 10.5v5.2c0 .8 2.7 2.3 6 2.3s6-1.5 6-2.3v-5.2'/%3E%3C/svg%3E");
	}

	.wpcursor-menu-bas-mobile__icon--account {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 19.5c1.6-3 4-4.5 7-4.5s5.4 1.5 7 4.5'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 19.5c1.6-3 4-4.5 7-4.5s5.4 1.5 7 4.5'/%3E%3C/svg%3E");
	}

	.wpcursor-menu-bas-mobile__icon--reserve {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 19.5c1.6-3 4-4.5 7-4.5s5.4 1.5 7 4.5'/%3E%3Cpath d='M18 4v5M15.5 6.5H20.5'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 19.5c1.6-3 4-4.5 7-4.5s5.4 1.5 7 4.5'/%3E%3Cpath d='M18 4v5M15.5 6.5H20.5'/%3E%3C/svg%3E");
	}

	.wpcursor-menu-bas-mobile__label {
		display: block;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media (min-width: 981px) {
	.wpcursor-menu-bas-mobile {
		display: none !important;
	}
}