@media (max-width : 767px) {

	.navigation-wrapper li a {
		font-size   : 20px !important;
		line-height : 1.5em;
	}

}

@media (max-width : 1199px) {

	/*
	--------------------------------------
	Container
	--------------------------------------
	*/
	.navigation-wrapper {
		position       : fixed;
		z-index        : 5;
		top            : 0;
		bottom         : 0;
		width          : 100%;
		right          : 0;
		pointer-events : none;
	}

	.navigation-wrapper .navigation-container {
		position         : relative;
		background-color : var(--e-global-color-secondary);
		transform        : translate3d(-100%, 0, 0);
		/*transition       : all 0.3s ease-in-out;*/
		width            : 100%;
		max-width        : none; /* full width */
		height           : 150vh; /* ensure full panel scroll space */
		margin           : 0;
		list-style-type  : none;
		border-radius    : 0 0 46px 0;
		padding          : 0px 22px 100px 22px;
	}

	.navigation-wrapper.--is-active .navigation-container {
		transform      : translateY(75px);
		pointer-events : all;
		/* Make the drawer scrollable when many submenus are open */
		overflow-y     : auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		/* Full height when active */
		height         : 150vh;
		/* Reserve space so the sticky close button doesn't overlap first items */
		padding-top    : 36px;
		/* Extra bottom padding so the last items are fully reachable */
		padding-bottom : 700px; /* robust fallback for very long lists */
		/* Use the larger of 700px or viewport-based spacing on modern browsers */
		padding-bottom : max(700px, calc(50vh + env(safe-area-inset-bottom)));
	}

	.main-header__header-container--is-scrolled .navigation-wrapper.--is-active .navigation-container {
		transform : translateY(57px);
		height    : 150vh;
	}

	/* Keep the close button visible inside the scrollable panel */
	.navigation-wrapper.--is-active .close {
		position   : sticky;
		top        : 0;
		left       : 0;
		transform  : none;
		padding    : 8px 0;
		background : var(--e-global-color-secondary);
		z-index    : 20;
	}

	/*
	--------------------------------------
	Burger
	--------------------------------------
	*/
	.burger {
		width  : 40px;
		margin : auto;
	}

	/* Ensure burger stays above overlay/panel when drawer is open */
	.burger-container { position: relative; z-index: 10000; }

	/* Hide burger when drawer is open (close visible) */
	.menu-wrapper__primary .navigation-wrapper.--is-active ~ .burger-container {
		display: none !important;
	}

	.home .burger {
		color : #fff;
	}

	.home .main-header__container--is-fixed .burger {
		color : var(--e-global-color-primary);
	}

	/*
	--------------------------------------
	Close
	--------------------------------------
	*/
	.close {
		display         : flex;
		justify-content : flex-start;
		color           : var(--e-global-color-primary);
		background      : transparent;
		position        : absolute;
		transform       : translate(0, -51px);
		width           : 100px;
	}

	.main-header__header-container--is-scrolled .close {
		transform : translate(0, -42px);
	}

	/*
	--------------------------------------
	Overlay
	--------------------------------------
	*/
	.overlay {
		position : absolute;
		top      : 0;
		bottom   : 0;
		left     : 0;
		right    : 0;
		height   : 100svh;
		width    : 0;
		/*background: rgba(13, 15, 24, .3);*/
		/*transition : all 0.3s ease-in-out;*/
	}

	/* Keep overlay under burger */
	.navigation-wrapper .overlay { z-index: 0; }

	.navigation-wrapper.--is-active .overlay {
		width          : 100%;
		pointer-events : all;
	}

	/*
	--------------------------------------
	Menu
	--------------------------------------
	*/
	/*Parent*/
	.navigation-container .menu {
		flex-direction : column;
	}

	.navigation-wrapper li {
		position : relative;
	}

	.navigation-wrapper li a {
		display         : inline-block;
		text-decoration : none;
	}

	.navigation-wrapper .menu-link {
		color          : var(--e-global-color-primary) !important;
		font-family    : Barlow, 'sans-serif';
		font-size      : 25px !important;
		font-style     : normal;
		font-weight    : 500;
		line-height    : normal;
		letter-spacing : 1.25px;
		text-transform : uppercase;
	}
	/* Color the second link in the primary menu on mobile/tablet */
	.navigation-wrapper #primary-menu > li:nth-child(2) > a,
	.navigation-wrapper #primary-menu > li:nth-child(2) > .menu-link {
		color: #FF3B00 !important;
	}
	.navigation-wrapper #primary-menu > li:nth-child(3) > a,
	.navigation-wrapper #primary-menu > li:nth-child(3) > .menu-link {
		color: #CE4949 !important;
	}
	.navigation-wrapper #primary-menu > li:nth-child(4) > a,
	.navigation-wrapper #primary-menu > li:nth-child(4) > .menu-link {
		color: #2E8DBC !important;
	}
	.navigation-wrapper #primary-menu > li:nth-child(5) > a,
	.navigation-wrapper #primary-menu > li:nth-child(5) > .menu-link {
		color: #ECAE48 !important;
	}
	.navigation-wrapper #primary-menu > li:nth-child(6) > a,
	.navigation-wrapper #primary-menu > li:nth-child(6) > .menu-link {
		color: #614998 !important;
	}

	/* Ensure sub-menu links take their parent color on mobile/tablet */
	.navigation-wrapper #primary-menu > li:nth-child(2) .sub-menu .menu-link { color: #FF3B00 !important; }
	.navigation-wrapper #primary-menu > li:nth-child(3) .sub-menu .menu-link { color: #CE4949 !important; }
	.navigation-wrapper #primary-menu > li:nth-child(4) .sub-menu .menu-link { color: #2E8DBC !important; }
	.navigation-wrapper #primary-menu > li:nth-child(5) .sub-menu .menu-link { color: #ECAE48 !important; }
	.navigation-wrapper #primary-menu > li:nth-child(6) .sub-menu .menu-link { color: #614998 !important; }

	.navigation-container li.menu-item-has-children:after {
		position      : absolute;
		z-index       : 10;
		right         : 20px;
		top           : 0.5em;
		border-bottom : 2px solid var(--e-global-color-primary);
		border-right  : 2px solid var(--e-global-color-primary);
	}

	.navigation-container li.menu-item-has-children--active:after {
		transform : rotate(225deg);
	}

	.navigation-actions-list li a {
		display     : flex;
		align-items : center;
	}

	.navigation-container li.menu-item-has-children a {
		display         : flex;
		justify-content : space-between;
		align-items     : center;
		width           : 100%;
	}

	.navigation-actions-list li:nth-child(n+5) a span {
		margin-left : 0.5em;
	}

	.main-header__container--is-fixed .navigation-container li.menu-item-has-children > .menu-link:after {
		border-bottom : 2px solid #fff;
		border-right  : 2px solid #fff;
	}

	/*Submenu*/
	.ast-header-break-point .dropdown-menu-toggle {
		display : block;
	}

	.sub-menu {
		flex-direction : column;
		opacity        : 0;
		visibility     : hidden;
		height         : 0;
		pointer-events : none;
		/*transition     : all 350ms ease-in-out;*/
	}

	.sub-menu--active {
		opacity        : 1;
		visibility     : visible;
		height         : auto; /* fit content instead of filling parent */
		pointer-events : all;
		padding-top    : .55em;
	}

	.navigation-wrapper .sub-menu li {
		padding : 0;
	}

	.navigation-container .sub-menu .menu-link {
		font-size : 18px !important;
		/* default kept, overridden above per-parent for correct color */
		color     : var(--e-global-color-primary);
	}

	.menu-wrapper__primary {
		display : flex !important;
	}

	.main-header__bottombar-container {
		display : none;
	}

	.menu-wrapper__client i {
		display : flex;
	}

	.menu-wrapper__client .menu-link span {
		display : none;
	}

	.menu-wrapper__client .navigation-links .menu-item:first-child a {
		font-size  : 0 !important;
		background : transparent;
		border     : none;
		padding    : 0 !important;
		margin     : 0 !important;
		gap        : 0;
	}

	.menu-wrapper__client .navigation-links .menu-item:first-child a::before {
		display : none;
	}

	.menu-wrapper__client .navigation-links .menu-item:first-child img {
		display : block !important;
		width   : 30px;
		height  : 30px;
	}

	.menu-wrapper__client .menu-link,
	.menu-wrapper__client .menu-link i,
	.menu-wrapper__client .menu-link i::before {
		width     : 30px !important;
		height    : 30px !important;
		font-size : 30px !important;
		margin    : 0 !important;
		display   : flex;
		border    : none !important;
	}

	.menu-wrapper__client .menu {
		gap : 12px;
	}

	.navigation-links.menu-reseaux ul {
		flex-direction  : row;
		justify-content : flex-start;
		gap             : 18px !important;
		margin-top      : 20px !important;
		padding         : 0 !important;
	}

	.navigation-links.menu-reseaux ul li {
		flex-direction  : row;
		justify-content : flex-start;
		margin          : 0 !important;
		padding         : 0 !important;
	}

	.main-header__header-container {
		padding    : 0;
		background : white !important;
		border     : none !important;
	}

	.menu-reseaux .menu-item a i,
	.menu-reseaux .menu-item a img {
		/* keep for legacy, overridden by stricter selectors below */
		width     : 35px !important;
		height    : 35px !important;
		font-size : 35px !important;
	}

	/* Enforce uniform squares and icon sizes for social menu */
	.navigation-links.menu-reseaux #main-nav li { line-height: 0; }
	.navigation-links.menu-reseaux #main-nav li a {
		width: 54px;
		height: 54px;
		aspect-ratio: 1 / 1;
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}
	.navigation-links.menu-reseaux #main-nav li a img,
	.navigation-links.menu-reseaux #main-nav li a i,
	.navigation-links.menu-reseaux #main-nav li a svg {
		width: 30px !important;
		height: 30px !important;
		display: block;
		object-fit: contain;
		line-height: 1;
		margin: 0;
	}
	.navigation-links.menu-reseaux #main-nav li a i::before {
		width: 30px !important;
		height: 30px !important;
		font-size: 30px !important;
		line-height: 1 !important;
		display: block !important;
	}
}

@media (min-width : 1200px) {

	/*
	--------------------------------------
	Menu
	--------------------------------------
	*/
	/*Parent*/
	/*commenter le position: relative si on souhaite que le sous-menu ne prenne pas toute la largeur du parent*/
	.navigation-wrapper ul {
		position        : relative;
		display         : flex;
		justify-content : center;
		align-items     : center;
		padding         : 0 3em;
	}

	/*décommenter le position: relative si on souhaite que le sous-menu s'affiche en dessous du menu parent*/
	.navigation-container li {
		/*position: relative;*/
		display     : flex;
		align-items : center;
	}

	.navigation-container .menu > .menu-item {
		justify-content : center;
	}

	.navigation-container .menu-item-has-children {
		padding : 0 1em;
	}

	/*body:not(.home) .navigation-wrapper .menu-item--parent > .menu-link,*/
	/*.main-header__container--is-fixed .navigation-wrapper .menu-link {*/
	/*	color: #000;*/
	/*}*/
	.navigation-wrapper .menu-link:hover {
		border-bottom : 1px solid currentColor;
	}

	/*Submenu*/
	.navigation-container li .sub-menu {
		position       : absolute;
		z-index        : 10;
		top            : 100%;
		left           : 0;
		flex-direction : column;
		opacity        : 0;
		visibility     : hidden;
		transform      : translateY(8px);
		background     : transparent;
		pointer-events : none;
		border-top     : 2px solid var(--e-global-color-primary);
		line-height    : 2.25em;
		transition     : opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
		width          : 100%;
		margin-left    : 0;
		padding        : 1em 0 1em .5em;
	}

	.navigation-container li .sub-menu:after {
		content                 : "";
		position                : absolute;
		z-index                 : 10;
		top                     : 0;
		left                    : 0;
		width                   : 100%;
		height                  : 100%;
		background-color        : rgba(245, 241, 232, 1);
		backdrop-filter         : blur(30px);
		-webkit-backdrop-filter : blur(30px);
	}

	.navigation-container li:hover .sub-menu {
		opacity        : 1;
		visibility     : visible;
		transform      : translateY(0);
		pointer-events : all;
		transition-delay: 0s, 0s, 0s;
	}

	/* Scrolled header: orange background for drop-downs + readable text */
	.main-header__header-container--is-scrolled .navigation-container li .sub-menu {
		background: var(--e-global-color-primary) !important;
		border-top-color: var(--e-global-color-primary) !important;
	}
	.main-header__header-container--is-scrolled .navigation-container li .sub-menu:after {
		content: none !important; /* remove beige overlay */
	}
	.main-header__header-container--is-scrolled .navigation-container .sub-menu .menu-link {
		color: #fff !important; /* ensure contrast on orange */
	}

	.navigation-container .sub-menu .menu-item--all-products {
		display : none;
	}

	/*
	--------------------------------------
	Elements
	--------------------------------------
	*/
	.navigation-actions-container,
	.close,
	.burger-container,
	.navigation-actions-container {
		display : none;
	}

	.menu-wrapper__client .menu-link i {
		display : none;
	}
}


/*****************************************************************************
 *
  _____                                 _
 |  __ \                               (_)
 | |__) |___  ___ _ __   ___  _ __  ___ ___   _____
 |  _  // _ \/ __| '_ \ / _ \| '_ \/ __| \ \ / / _ \
 | | \ \  __/\__ \ |_) | (_) | | | \__ \ |\ V /  __/
 |_|  \_\___||___/ .__/ \___/|_| |_|___/_| \_/ \___|
                 | |
                 |_|
 *
 *
 * **************************************************************************/

/*phone*/
@media (max-width: 767px) {


}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {




}

@media (min-width: 1024px) and (max-width: 1025px) {



}


/*mobile and tablet*/
@media (max-width: 1024px) {



}


/*desktop*/
@media (min-width: 1025px) {


}

/*laptop 1 aka 150%*/
@media (min-width: 1024px) and (max-width: 1439px) {

	.navigation-container ul {
		gap             : 0px;
	}


	.navigation-wrapper .menu-link {
		font-size      : 10px;

	}

}

/*laptop 2 aka 125%*/
@media (min-width: 1440px) and (max-width: 1700px) {



}

/*RESPONSIVE*/

/* Overrides: put Close (X) in header, swap with burger when open */
@media (max-width: 1199px) {
  /* Keep header actions visible when menu is open */
  .menu-wrapper__primary .navigation-wrapper.--is-active ~ .burger-container { display: flex !important; }

  /* Hide the in-panel close; header close replaces it */
  .navigation-wrapper .navigation-container > .close { display: none !important; }

  /* Burger area layout and z-index */
  .burger-container { position: relative; z-index: 10000; display: flex; align-items: center; }

  /* Default: only burger shown */
  .menu-wrapper__primary .burger-container .close {
    display: none;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    position: static !important;
    transform: none !important;
  }

  /* When open: hide burger, show close */
  .menu-wrapper__primary .navigation-wrapper.--is-active ~ .burger-container .burger { display: none !important; }
  .menu-wrapper__primary .navigation-wrapper.--is-active ~ .burger-container .close {
    display: flex !important;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
  }
}