/*
	Theme Name: DiviFils
	Template: Divi
	Description: Divi Theme Enfant
	Author: htmarketing
*/

html{
	scroll-behavior: auto !important;
}

/* **************************************************************************************** */
/* OUTILS *********** OUTILS *********** OUTILS *********** OUTILS *********** OUTILS *********** */
/* **************************************************************************************** */

/* ************* toolbar sticky au scroll  ************************************** */
.mce-top-part {
  position: sticky !important;
  top: -60px;
}

/* ************* Styler les contours de construction des sections  *************************************
.et-fb-mousetrap--section {
	border: 2px solid blue;}
.et-fb-mousetrap--line {
	border: 2px solid green;}
.et-fb-mousetrap--column {
	border: 2px solid orangered;}
.et-fb-mousetrap--module {
	border: 2px solid red;}
*/
/* **************************************************************************************** */
/* CSS GLOBALES *********** CSS GLOBALES *********** CSS GLOBALES *********** CSS GLOBALES   */
/* **************************************************************************************** */

/* Texte barré **************************************/
.barre{
	text-decoration: line-through;
}

/* flèche en bas du texte déroulant 1ère page **************************************/
.icon-angle-down {
	color : grey !important;
	font-size : 80px !important;
}


/* **************************************************************************************** */
/* MENU *********** MENU *********** MENU *********** MENU  *********** MENU  *********** MENU   */
/* **************************************************************************************** */
/* remplacement du chariot par un panier dans le pluggin WP Menu Cart */
.wpmenucart-icon-shopping-cart-0 {
	font-size : 0px !important;
}
.wpmenucart-icon-shopping-cart-0::before {
content : ''; /* c'est le petit panier de fontello. Yess !! */
	font-family: "fontello";
	font-size : initial;
}


/* **************************************************************************************** */
/* ANIMATIONS *********** ANIMATIONS *********** ANIMATIONS *********** ANIMATIONS *********** */
/* **************************************************************************************** */
/* animation logo en rotation **************************************/
@keyframes spin {
  0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}  


/* **************************************************************************************** */
/* GALERIE *********** GALERIE *********** GALERIE *********** GALERIE *********** GALERIE *** */
/* **************************************************************************************** */

/** Miniatures galerie au format carré **************************************/
/** https://www.peeayecreative.com/change-the-divi-gallery-image-aspect-ratio/  **/
/*image gallery item aspect ratio square 1:1*/

.pa-image-gallery-1-1 .et_pb_gallery_image {
  padding-top: 100%;
  display: block;
}

.pa-image-gallery-1-1 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;  
}


/* **************************************************************************************** */
/* FICHE PRODUIT *********** FICHE PRODUIT *********** FICHE PRODUIT ***************  */
/* **************************************************************************************** */

/* ****************** centrage des textes upsells fiche produit ********************/
.up-sells, .upsells, .product {
	text-align : center !important;
}

/* ****************** dimensionnement des miniatures upsells fiche produit ********************/
.woocommerce ul.products li.product a img {  /*on aurait pu prendre .size-woocommerce_thumbnail */
	display : inline !important; /*pour prendre en compte le centrage de shop-image*/
	/*height : 300px !important;*/
	height : auto !important;
	width: auto !important; /*pas necessaire */
		/* si on met plus de 300px de haut, la largeur se réduira de façon à tenir dans le container global
	 *  et on aura une image déformée */
}

/* **************************************************************************************** */
/* WOOCOMMERCE *********** WOOCOMMERCE *********** WOOCOMMERCE *********** WOOCOMMERCE ***********  */
/* **************************************************************************************** */

/* ****************** Couleurs des messages woocommerce  **************************************/
.woocommerce-message li, .woocommerce-info{
	color : white !important;
	font-weight: bold !important;
	background-color:#e7ded4 !important;
	text-align : center !important;
	padding : 5px !important;
	font-size: 12px !important;
}

ul.woocommerce-error, div.woocommerce-error, .et_pb_wc_cart_notice_0 .woocommerce-error {
	background-color: red !important;
	font-weight : bold;
	text-align : center !important;
	padding : 5px !important;
}

/*
.woocommerce-info li {
	background-color: orange !important;
	text-align : center !important;
}
*/

/******* ajout astérisque après expédition ************/

.woocommerce-shipping-totals th::after {
	content : '*';
	/*content : '\r(Départ de nos caves sous 48h)';*/
	font-size : 18px;
}

/* **************************************************************************************** */
/* PANIER *********** PANIER *********** PANIER *********** PANIER *********** PANIER */
/* **************************************************************************************** */

/* affichage du nombre d'articles du panier*/
.cartcontents {
	font-size: 16px;
}

/* SUPPR CALCUL FRAIS EXPE PAR ZONES ***********  SUPPR CALCUL FRAIS EXPE PAR ZONES *********** */

/** https://rudrastyh.com/woocommerce/remove-update-cart-button.html    */
/* lié à l'automatisation du calcul de la cart, sans cliquer sur le bouton */

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
	display: none !important;
}

/* **************************
/*	Suppression du calcul des frais d'expédition par zone sur la page panier	*/
p.woocommerce-shipping-destination {
    display: none;
}

form.woocommerce-shipping-calculator {
    display: none;
}

/*
.cart_totals{
	  display: none;
}
*/


/* **************************************************************************************** */
/* RESPONSIVE *********** RESPONSIVE *********** RESPONSIVE *********** RESPONSIVE ********* */
/* **************************************************************************************** */

/**	Section Accueil	*/

@media screen and (max-width : 480px) {
	
	/*
	 * désactivation pour reprise à zéro
	.hero {
		display:flex;
		flex-direction: column;
	}
	.hero .et_pb_column_1,
	.hero .et_pb_column_2 {
		width: 100% !important;
	}

	.hero .et_pb_column_2 {
		padding: 0 1em !important;
		top: 0 !important;
	}	

	.et_pb_section_3 {
		max-height: 100% !important;
	}

	.et_pb_section_3 .et_pb_row_4 .et_pb_column_8 {
		position: absolute;
		left: -30vw!important;
	}

*/

/*inversion des colonnes*/
.inverse {
	display : flex;
	flex-direction : column-reverse ;
}
/* suppression des animations au scroll effect sur mobile
 * https://www.peeayecreative.com/how-to-disable-divi-animation-effects-on-mobile/
 * il préconise max-width: 981px
 * */

	.et_animated { /* pour les effets de flou*/
		opacity: 1 !important
	}
	.et_pb_section, .et_pb_section *{
	/* et_pb_module .animation_no_mobile * { */
		-o-transition-property: none!important;
		-moz-transition-property: none!important;
		-webkit-transition-property: none!important;
		transition-property: none!important;
		-o-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-webkit-transform: none!important;
		transform: none!important;
		-webkit-animation: none!important;
		-moz-animation: none!important;
		-o-animation: none!important;
		animation: none !important;
	}

} /* fin des media queries */

/* **************************************************************************************** */
/* ESSAIS *********** ESSAIS *********** ESSAIS *********** ESSAIS *********** ESSAIS *********** */
/* **************************************************************************************** */