@media (max-width:799px) {

	html,
	body {
		height: 100%;
	}

	body.no-scroll {
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
	}

	#wpadminbar {
		z-index: 9;
	}

	.desktop-only {
		display: none;
	}



	/* -------------------------------------------
	MECANIQUE
	--------------------------------------------*/

	/* Toggle Button */
	#primary-nav .menu-toggle {
		position: fixed;
		top: 0.25em;
		right: var(--vef-nav-padding);
		z-index: var(--vef-z-index-nav-toggle);
	}


	#primary-nav .menu-items {
		position: absolute;
		top: 0;
		left: -105vw;
		width: 100vw;
	}

	#primary-nav.visible .menu-items {
		position: relative;
		left: 0;
		transition: left 300ms ease;
	}


	#primary-nav.visible {
		display: block;
		position: fixed;
		z-index: var(--vef-z-index-nav-visible);
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		overflow-y: scroll;
		overscroll-behavior: none;
		-webkit-overflow-scrolling: touch;
		transition: background-color 200ms ease;
		padding-bottom: 80px;
	}

	#primary-nav .menu-items > li:not(.bubbles) > a {
		border-bottom: none;
		margin-inline: 5px;
		border-radius: 5px;
		margin-top: 5px;
	}

	/* Repli */
	#primary-nav .menu-items > li.has_sub > .sub {
		max-height: 1000px;
		transition: all 1500ms ease-out;
	}

	#primary-nav .menu-items > li.has_sub.closed {
		position: relative;
	}

	#primary-nav .menu-items > li.has_sub.closed > .sub {
		max-height: 0;
		overflow: hidden;
		transition: all 200ms ease-out;
	}



	/* #primary-nav .menu-items > li.closed > a .desc {
		display: none;
	} */




	/* -------------------------------------------
	COSMETIQUE
	--------------------------------------------*/

	/* Toggle Button */
	#primary-nav .menu-toggle {
		background: var(--vef-couleur-dominante, #393939);
		/* border: 1px solid var(--vef-couleur-dominante, #393939); */
		border: none;
		font-size: var(--vef-nav-bulles-fs);
		width: 2em;
		color: white;
	}

	#primary-nav .menu-toggle:hover,
	#primary-nav .menu-toggle:focus-visible {
		background: var(--vef-color-dark-grey);
		color: white;
		cursor: pointer;
	}



	#primary-nav.visible {
		color: var(--vef-nav-color);
		background-color: white;
	}


	#primary-nav .menu-items > li:not(.bubbles) > a {
		flex-direction: row;
		align-items: center;
		gap: 1.5em;
		justify-content: space-between;
	}

	#primary-nav .menu-items > li:not(.bubbles) > a > i {
		margin-right: 0.8em !important;
	}

	#primary-nav .menu-items > li > a .desc {
		text-transform: none;
		font-weight: normal;
		font-size: 0.734em;
		line-height: 1.1em;
		margin-top: 0.25em;
	}


	/* CAS PARTICULIERS
	---------------------------------- */

	#primary-nav .menu-items li.bubbles {
		display: flex;
		gap: var(--vef-nav-bulles-first-level-gap);
		padding: 5px;
		margin-top: 0;
		border-bottom: none;
		position: sticky;
		top: 0;
		z-index: 2;
		background: var(--vef-couleur-dominante, #393939);
	}


	#primary-nav .menu-items li.bubbles a {
		color: var(--vef-nav-bulles-color);
		background: var(--vef-nav-bulles-background);
		font-size: 1.375em;
		width: 2em;
		border: none;
		padding: unset;
	}

	#primary-nav .menu-items li.bubbles a:hover,
	#primary-nav .menu-items li.bubbles a:focus-visible {
		color: var(--vef-nav-bulles-hover-color);
		background-color: var(--vef-nav-bulles-hover-background);
	}





	#primary-nav.visible #nav_intro {
		font-size: 0.813em;
		line-height: 1.1em;
		position: relative;

		display: flex;
		flex-direction: column;
		gap: 1em;
		padding: var(--vef-nav-padding);
		margin: 0;
	}

	#primary-nav #nav_intro .close {
		background-color: #393939;
		color: white;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		aspect-ratio: 1/1;
		width: 20px;
		cursor: pointer;

		position: absolute;
		right: 7px;
		top: 6px;
	}

	#primary-nav #nav_intro .close:hover,
	#primary-nav #nav_intro .close:focus-visible {
		text-decoration: none;
	}


	#primary-nav.visible #nav_intro .txt {
		background: #F5F5F5;
		padding: 1em;
		margin: 5px 5px 0 0;
		border-radius: 5px;
	}


	#primary-nav #nav_intro > .txt + div {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: -2.5em;
		align-self: flex-end;
		margin-right: 0.5em;
	}

	#primary-nav #nav_intro > .txt + div > * {
		flex-shrink: 0;
	}

	#primary-nav #nav_intro > .txt + div > * + * {
		margin-left: auto;
	}

	#primary-nav #nav_intro .signature {
		align-items: flex-end;
	}

	#primary-nav #nav_intro .signature a {
		text-decoration: underline;
	}

	#primary-nav #nav_intro .signature a:hover,
	#primary-nav #nav_intro .signature a:focus-visible {
		text-decoration: none;
	}

	#primary-nav #nav_intro .signature + div {
		text-align: right;
	}

	#primary-nav.visible #nav_intro .signature .portrait {
		max-width: 65px;
	}

	#primary-nav.visible #nav_intro .signature .ctnt {
		margin-bottom: 8px !important;
	}



	#primary-nav .menu-items .followus {
		padding: var(--vef-nav-padding);
		margin-top: 1em;
	}

	#primary-nav .menu-items .followus > p {
		text-align: center;
		font-size: 1em;
		line-height: 1.3em;
	}

	#primary-nav .menu-items .followus > p > strong:first-child {
		display: block;
		font-size: 1.25em;
		line-height: 1.3em;
	}

	#primary-nav .menu-items .followus .social {
		font-size: 1.5em;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-top: 0.5em;
	}

	#primary-nav .menu-items .followus .social ul li {
		font-size: inherit;
	}

	#primary-nav .followus li.contact > * {
		background-color: var(--vef-couleur-dominante, #393939);
		color: white;
	}

	#primary-nav .menu-items .followus .social ul li span.qcd:hover {
		background: var(--vef-color-dark-grey);
	}
}