@media (max-width: 1199px) {

	.main-header__inner {
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr) auto;
		align-items: center;
		column-gap: 12px;
		row-gap: 10px;
		padding: 12px 16px;
		background-color: var(--color-primary);
	}

	.main-header__top-content,
	.main-header__bottom-content,
	.main-header__top-content .main-header__element-content-inner,
	.main-header__bottom-content .main-header__element-content-inner,
	.main-header__actions-container {
		display: contents;
	}

	.main-header-message__container,
	.main-header__top-content .main-header__secondary-menu-container {
		display: none;
	}

	.main-header__menu-container {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}

	.main-header__menu-container .burger {
		margin: 0;
	}

	.main-header__logo-container {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		min-width: 0;
	}

	.main-header__logo-container svg {
		width: auto;
		max-width: min(144px, 100%);
		height: 28px;
	}

	.header-actions__links {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
		column-gap: 12px;
	}

	.header-actions__search-form {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}

	.main-header__actions-container .header-actions__search-input {
		width: 100%;
		height: 38px;
	}

}

@media (max-width: 767px) {

	.main-header__header-container-inner {
		grid-template-columns: repeat(3, 1fr);
		max-width: 90%;
	}

	.main-header__container .main-logo {
		grid-column: 2;
		grid-row: 1;
	}

	.menu-wrapper {
		grid-column: 1;
		justify-content: flex-start;
	}

	.main-header__inner .header-actions {
		grid-column: 3;
		grid-row: 1;
	}

}

/* ─── Mega Menu ─────────────────────────────────────────────────────────────── */

@media (min-width: 1200px) {

	.main-header__secondary-menu-container--drawer,
	.mega-menu__back,
	.mega-menu__panel-header {
		display: none;
	}

}

@media (max-width: 1199px) {

	.main-header__inner {
		background-color: var(--color-primary);
	}

	/* Clip le panneau glissant sans créer de scroll horizontal */
	.main-header__top-content .main-header__secondary-menu-container {
		display: none;
	}

	.navigation-container {
		overflow-x: hidden;
	}

	/* Annule le masquage mobile appliqué à tout .sub-menu */
	.navigation-container .mega-menu .sub-menu {
		max-height: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		overflow: visible !important;
		pointer-events: all !important;
		padding-top: 0;
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	/* Flèche droite → indique l'ouverture du panneau */
	.mega-menu-item > a::after {
		display: inline-block;
		transform: rotate(-45deg);
		margin-top: 2px;
		transition: none;
	}

	/* Cache le dropdown-toggle injecté par le JS nav */
	.mega-menu-item > .dropdown-menu-toggle {
		display: none;
	}

	/* ── Panneau ──────────────────────────────────────────────────────────────── */

	/* visibility: hidden préserve la transition slide-out tout en bloquant les events */
	.mega-menu-item > .mega-menu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-height: 100svh;
		z-index: 2;
		background-color: var(--color-primary);
		overflow-y: auto;
		opacity: 1;
		transform: translateX(100%);
		visibility: hidden;
		/* visibility se cache après la fin de la transition transform */
		transition: transform 0.3s ease-in-out, visibility 0s linear 0.3s;
	}

	.mega-menu-item--mobile-open > .mega-menu {
		transform: translateX(0);
		visibility: visible;
		pointer-events: all;
		/* visibility devient visible immédiatement à l'ouverture */
		transition: transform 0.3s ease-in-out, visibility 0s linear 0s;
	}

	/* ── Header du panneau (injecté par JS) ───────────────────────────────────── */

	.mega-menu__panel-header {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		padding: 1.1rem 1rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		margin-bottom: 0.5rem;
	}

	.mega-menu__panel-close {
		position: absolute;
		left: 1rem;
		top: 50%;
		transform: translateY(-50%);
		border: 0;
		background: transparent;
		color: var(--color-quaternary);
		cursor: pointer;
		padding: 0.4rem;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	.mega-menu__panel-header .main-header__logo-container {
		display: flex;
		justify-content: center;
	}

	.mega-menu__panel-header .main-header__logo-container svg {
		width: auto;
		max-width: 144px;
		height: 28px;
		color: var(--color-quaternary);
	}

	/* ── Bouton retour (dans le panneau) ─────────────────────────────────────── */

	.mega-menu__back {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 0.75rem 1rem 0.75rem 2rem;
		border: 0;
		background: transparent;
		color: var(--color-quaternary);
		cursor: pointer;
		font-family: var(--font-primary), sans-serif;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-align: left;
	}

	.mega-menu__back::before {
		content: '';
		display: block;
		width: 0.55rem;
		height: 0.55rem;
		border-left: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		flex-shrink: 0;
	}

	/* ── Contenu ──────────────────────────────────────────────────────────────── */

	.mega-menu__images {
		display: none;
	}

	.mega-menu__inner {
		display: block;
		padding: 1.25rem 0 2rem;
	}

	.mega-menu__links-wrap {
		display: block;
		grid-column: auto;
		grid-row: auto;
	}

	.mega-menu__links {
		grid-column: auto;
		grid-row: auto;
	}

	.mega-menu__heading {
		padding-left: 2rem;
		margin-bottom: 8px;
	}

	.mega-menu__links ul {
		padding-left: 2rem;
	}

	.mega-menu__links ul li a {
		font-size: 18px;
		letter-spacing: 0.05em;
		line-height: 2;
		white-space: normal;
		border-bottom: none;
	}

	.mega-menu__links ul li a:hover {
		border-bottom: none;
	}

	.navigation-container > .main-header__secondary-menu-container--drawer {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		padding: 0.5rem 1rem 0 2rem;
	}

	.navigation-container > .main-header__secondary-menu-container--drawer .main-header__secondary-menu,
	.navigation-container > .main-header__secondary-menu-container--drawer .main-header__secondary-menu-list {
		width: 100%;
	}

	.navigation-container > .main-header__secondary-menu-container--drawer .main-header__secondary-menu-list {
		display: flex;
		flex-direction: column;
		gap: 0;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.navigation-container > .main-header__secondary-menu-container--drawer li {
		padding: 0 0 1rem;
	}

	.navigation-container > .main-header__secondary-menu-container--drawer li + li::before {
		display: none;
	}

	.navigation-container > .main-header__secondary-menu-container--drawer a {
		color: var(--color-quaternary);
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
	}

}

/* ─────────────────────────────────────────────────────────────────────────── */

@media (min-width: 1200px) {

	.main-header__inner--is-fixed {
		opacity: 0;
		transform: translateY(-100%);
		transition: all 0.35s ease-in-out;
		pointer-events: none;
	}

	.main-header__inner--is-fixed.main-header__inner--is-shown {
		opacity: 1;
		transform: translateY(0);
		pointer-events: all;
	}

	.menu-wrapper {
		grid-column: 2;
	}

	.main-header__inner .header-actions {
		grid-column: 3;
	}

	/*.menu-wrapper,*/
	/*.navigation-wrapper,*/
	/*.navigation-container,*/
	/*.navigation-links,*/
	/*.menu-en-tete-container,*/
	/*#primary-menu {*/
	/*	height: 100% !important;*/
	/*	width: 100%;*/
	/*}*/

	.menu-wrapper .navigation-links {
		display: flex;
		justify-content: center;
	}

}

@media (min-width: 1440px) {

	.main-header__header-container-inner.header-variant-1 {
		grid-template-columns: 0.25fr auto;
	}

}