@charset "UTF-8";
/* CSS Document */

/* ========================================================= */
/* VINCENT LEMAIRE - HEADER BOUTIQUE */
/* Zone : menus ronds + icônes de droite */
/* Support : MacBook Air et petits desktops */
/* Objectif :
 * - neutraliser les paddings desktop trop importants
 * - répartir les six menus sur toute la largeur disponible
 * - faire réapparaître les icônes utilisateur et panier
 * - ne pas modifier l’affichage du grand desktop
 */
/* ========================================================= */

@media only screen and (min-width: 960px) and (max-width: 1500px) {

	/* ===================================================== */
	/* COLONNE CENTRALE : SIX MENUS RONDS */
	/* Supprime les 180 px à gauche et à droite */
	/* ===================================================== */

	body .vlp-shop-header
	.vlp-shop-header__menus
	> .uncol
	> .uncoltable
	> .uncell
	> .uncont
	> .vc_row.row-internal {
		width: 100% !important;

		margin: 0 !important;

		padding-top: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}


	/* ===================================================== */
/* Ligne contenant les six menus ronds */
/* Décalage de 20 px vers la droite sur MBA */
/* ===================================================== */

body .vlp-shop-header
.vlp-shop-header__menus
> .uncol
> .uncoltable
> .uncell
> .uncont
> .vc_row.row-internal
> .row-child
> .wpb_row.row-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	justify-content: space-between !important;

	box-sizing: border-box !important;
	width: calc(100% - 20px) !important;

	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 40px !important;

	padding: 0 !important;
}


	/* Chacune des six colonnes */

	body .vlp-shop-header
	.vlp-shop-header__menus
	.vlp-shop-header__menu {
		position: relative !important;
		float: none !important;

		display: block !important;
		flex: 0 0 16.6666666667% !important;

		width: 16.6666666667% !important;
		max-width: 16.6666666667% !important;

		margin: 0 !important;
		padding-right: 3px !important;
		padding-left: 3px !important;
	}


	/* Images rondes */

	body .vlp-shop-header
	.vlp-shop-header__menus
	.vlp-shop-header__menu
	.single-wrapper {
		width: 70px !important;
		max-width: 70px !important;

		margin-right: auto !important;
		margin-left: auto !important;
	}


	/* ===================================================== */
	/* COLONNE DROITE : USER + PANIER */
	/* Supprime le padding-left de 350 px */
	/* ===================================================== */

	body .vlp-shop-header
	.vlp-shop-header__icons
	> .uncol
	> .uncoltable
	> .uncell {
		padding-top: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}


	/* Contenant des icônes */

	body .vlp-shop-header
	.vlp-shop-header__icons
	> .uncol
	> .uncoltable
	> .uncell
	> .uncont {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* Petite Row user + panier */

	body .vlp-shop-header
	.vlp-shop-header__icons
	> .uncol
	> .uncoltable
	> .uncell
	> .uncont
	> .vc_row.row-internal {
		width: 110px !important;
		max-width: 110px !important;

		margin-top: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		margin-left: auto !important;

		padding: 0 !important;
	}


	/* Ligne interne des deux icônes */

	body .vlp-shop-header
	.vlp-shop-header__icons
	.vc_row.row-internal
	> .row-child
	> .wpb_row.row-inner {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* Colonnes user et panier */

	body .vlp-shop-header
	.vlp-shop-header__icons
	.vlp-shop-header__icon {
		float: none !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		flex: 0 0 50% !important;

		width: 50% !important;
		max-width: 50% !important;

		margin: 0 !important;
		padding: 0 !important;
	}

}