/***** Main Menu *****/

/* Couleur nb article dans panier sur main-menu non-sticky */
header#sp-header:not(.sticky) a#cd-menu-trigger.cd-cart:not(.is-clicked) .total_products.items-added {
  background-color: black !important;
}

/***** Template ****/
#sp-main-body {
    padding: 25px 0 50px 0;
}


/***** Espace Client "ADMIN" *****/

/* Hidding, "Mon Profil" -> bouton "accès admin" et "Détails d'expédition" */
div.btn.sppb-btn-default, div#tab-1.tabs.dyn-tabs span.userfields_info, div#tab-1.tabs.dyn-tabs > fieldset > a {
	display: none;
}



/***** VirtuMart Shop *****/


/*** Bannières caté ***/


#sppb-addon-wrapper-1620287602068 {
	width: 257.3px;
}
/*#sppb-addon-wrapper-1620287602071 {
	width: 247.3px;
}*/

.Categorie-Title h1 {
	margin-top: 0 !important;
	font-weight: 300;
}
.Categorie-Search {
	width: 247.3px;
  	opacity: 0.6;
	transition: 1s;
}
.Categorie-Search:hover {
	opacity: 1;
}


@media (min-width:768px) {
	#Categorie-Header-responsive {
		width: 750px !important;
	}
}
@media (min-width:992px) {
	#Categorie-Header-responsive {
		width: 970px !important;
	}
}
@media (min-width:1200px) {
	#Categorie-Header-responsive {
		width: 1170px !important;
	}
}

/*** Liste produits dans catégories ***/

/* Hidding nom caté (H1) */
.category-view .browse-view h1 {
	display: none;
}
/* Conteneur produit */
.col-sm-6.col-md-3 {
	padding: 0 5px 0 5px;
}
/* Conteneur produit partie basse */
div.spacer.product-container > div.spacer-inner {
	min-height: 228px;
}
/* Margin "En Stock" */
div.products.col-sm-6.col-md-3 div.product-in-stock {
	margin: 5px auto 5px !important;
}
/* Container Stock/Prix/Panier */
div.products.col-sm-6.col-md-3 div.spacer-inner {
	padding: 5px 5px 5px;
}
/* Titre produit */
div.products.col-sm-6.col-md-3 h2 {
  	font-size: 125% !important;
	font-weight: 450;
	line-height: 1.2 !important;
	min-height: 45px;
	margin: 0px auto !important;
	
}
/* Egalisation zone de prix avec ou sans Prix/KG**/
div.products.col-sm-6.col-md-3 div.spacer-inner .product-price {
    min-height: 60px;
	margin: 0px auto 0;
}
/* Prix */
div.PriceunitPrice span.vm-price-desc {
	font-size: 18px;
}
span.PriceunitPrice {
	font-size: 20px !important;
}
div.PricesalesPrice span.vm-price-desc {
	font-size: 15px !important;
}
span.PricesalesPrice {
	font-size: 18px !important;
	font-weight: inherit !important;
}
/* qd pas d'ajout panier -> "Choisir une variante" / "Hors saison" */
span.addtocart-button-disabled{
	padding: 12px !important;
}
/* margin "Hors saison" */
div.main_price span.addtocart-button-disabled{
	margin-top: 9px !important;
}
/* Margin entre Prix et Ajout panier */
div.products.col-sm-6.col-md-3 hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* bouton Ajouter au Panier */
input.add-to-cart.addtocart-button {
	/*min-width: initial !important;*/
	width: 135px;
	font-size: 85%;
}
/* Margin date de dispo produits hors saison */
.product-fields .product-field-display {
  margin: 10px auto 0;
}
/* Suppr image "2-3 Days" qd rupture, au-dessus de "Tenez-moi au courant" */
div.availability {display:none;}

/*Margin sous Ajout panier */
div.products.col-sm-6.col-md-3 form.product.js-recalculate {
  	margin: 0 -1px 10px 0;
}


/* Egalisation des tofs */
/* Mega tricks pour passer les tofs en object-fit cover + container en ratio fix 3/2 + container et tof qui restent en sizing dynamique pour la responsivness */
/* Aspect ratio : https://css-tricks.com/aspect-ratio-boxes/ --- Aspect Ratio fixe d'une div : https://www.geeksforgeeks.org/maintain-the-aspect-ratio-of-a-div-with-css/ */
div.products.col-sm-6.col-md-3 div.spacer-img { /*container d'img */
	overflow: hidden;
	padding-top: 66.66%;
	position: relative;
}
div.products.col-sm-6.col-md-3 div.spacer-img img.browseProductImage { /* Img contenue */
  	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
/* Réaorganisation responsivness colonnes page de shop */
@media (min-width: 0px) and (max-width: 511px) {
	.col-sm-6.col-md-3  {
		width: 80%;
		margin: 0 auto 20px auto !important;
  	}
}
@media (min-width: 512px) {
    .col-sm-6.col-md-3 {
		width: 50%;
  	}
}
@media (min-width:992px) {
  	.col-sm-6.col-md-3 {
      	width: 25%;
  	}
}
/* Fix conteneur "Ajouter au panier" (512 à 992 px) : empêche le chiffre du nb de produits de passer au dessus du bouton AddToCart */
@media (min-width:768px) {
    div.products.col-sm-6.col-md-3 div.addtocart-bar {
		margin: 5px auto 0 !important;
        width: initial !important;
        display: table !important;
        clear: initial !important;
	}
    div.products.col-sm-6.col-md-3 span.calculate {
		width: initial !important;
		margin: 4px 10px 0 0 !important;
		padding: 0 0 0 5px !important;
		clear: initial !important;
	}
    div.products.col-sm-6.col-md-3 span.cd-customization {
        margin: initial !important;
        padding: initial !important;
        clear: initial !important;
	}
	div.products.col-sm-6.col-md-3 input.add-to-cart.addtocart-button {
        margin: initial !important;
        padding: initial !important;
        clear: initial !important;
	}
}
/* Fix taille conteneur "Ajouter au panier" entre 512 et 568 px*/
@media (min-width:512px) and (max-width:568px) {
	form.product.js-recalculate {
  		height: 40px;
	}
}
/*** FIN Liste produits dans catégories ***/



/*** Liste catégories ***/
div.product.col-sm-6.col-md-3 div.spacer:not(:hover) span.overlay {
	padding: 5px 5px 5px !important;
  	background-color: rgba(255,255,255,0.1) !important;
	
}
/*color: #bd1220;*/
/*box-shadow: inset 0 -40px 40px rgba(255,255,255,0.5);
	font-size: 150%;
	font-weight: 400;
	text-shadow: 1px 1px 5px white;*/



/*** VirtuMart Fiche Produit Détaillée ***/
div.product-container.productdetails-view.productdetails div.row {
	margin-top: 10px !important;
}
/* Hidding Description image sous tof (fiche produit) */
span.vm-img-desc {
	display: none !important;
}
/* Tof zoomée : cache le nom de la tof en dessous */
div#fancybox-title.fancybox-title-inside {
	display: none !important;
}
/* Tof zoomée : cadre */
div#fancybox-content {
	padding: 15px 5px !important;
}
/* Hiding édition de produits */
div.vm-product-details-inner.col-sm-7 > a {
	display: none;
}
/* Hiding "Lot de X" */
div.product-box {
	display: none;
}
/* Tableau allergènes */
.allergtab {
	border-collapse: initial;
	border-spacing: 2px;
	margin-top: 30px;
}
.allergtab th {
	writing-mode: vertical-rl;
	width: 31px;
	text-align: center;
	padding: 8px 3px;
	background-color: #5a7d93;
	color: #ffffff;
}
.allergtab td {
    text-align: center;
    border:1px solid;
    border-color: #7198b1;
	color: #ff0000;
	font-weight: bold;
}


/*** VM page du panier ***/
span.vmshipment_name {
	font-size: 18px;
}
span.vmshipment_description {
	font-size:15px;
}

/* message : "Merci de commander 24h avant la date" */
.message24h {
	display: inline-block;
	font-style: italic;
	font-size: 15px;
  	font-weight: 600;
 	margin-bottom: 25px;
	background: #F9BDC1; /* pour les navi qui ne supportent pas le gradient */
	background: linear-gradient(to right, rgba(189,18,32,0.4), rgba(189,18,32,0.1), rgba(189,18,32,0));
	border-left: 6px solid #BD1220;
	padding: 5px 0 5px 10px !important;
}



/***** Class Custom *****/

/* Short description produits sur fiche */
.product-short-description {
	background: #F9BDC1; /* pour les navi qui ne supportent pas le gradient */
	background: linear-gradient(to right, rgba(189,18,32,0.4), rgba(189,18,32,0.03), rgba(189,18,32,0));
	border-left: 6px solid #BD1220;
	padding: 5px 0 5px 10px !important;
}
.product-short-description::first-line {
	color: #BD1220;
	font-weight: bold;
}
/* Module inscription newsletter, sélection livraison panier, module page de login */
#column-wrap-id-1620911558801.sppb-col-md-8, .vm-shipment-select div input[type="radio"]:checked + label, div.row.login-wrapper {

  	background: #F2F2F2; /* pour les navi qui ne supportent pas le gradient */
    background: linear-gradient(to right, rgb(228, 228, 228), rgba(228, 228, 228, 0.5), rgba(189,18,32, 0.07));
    border-left: 6px solid #7D7D7D;
    border-right: 6px solid #7D7D7D;
    box-shadow: 20px 20px 10px 1px rgba(0, 0, 0, 0.2);
}
/* Module inscription newsletter */
#sppb-addon-wrapper-1620911338235.sppb-addon-wrapper {
	margin: 20px 0px 20px 0px;
}
table.acymailing_form {
	width: 90%;
	margin: inherit !important;
}
.acymailing_module_form td {
	text-align: center;
}
.acymailing_form .acysubbuttons {
	right: -53px;
}

.acymailing_form input.inputbox {
	width: 100% !important;
	background: rgba(255, 255, 255, 0.7);
}
.acymailing_module_form .acymailing_introtext {
	font-weight: 550;
    padding-bottom: 10px !important;
}
.acymailing_form input, .acym_module_form input.cell {
    min-width: inherit;
}
label.acy_requiredField {
  	margin: 5px;
}
/* Module page de login */
div.login {
	padding: 30px 10px 1px 10px;
}
div.login-description {
	font-size: 16px;
}
input#username.validate-username.required, input#password.validate-password.required {
	max-width: 300px;
}
.login-wrapper > i.pe {
	color: rgba(189,18,32,0.07);
	top: -1vh;

}

/* For hide name_field in VM */
input[id="name_field"] {
    display: none;
    
}

/* For hide name label in VM */
.name {
    display: none;
    
}