/*
	Description: styles ek pour woocommerce
	Author: JmG
	Version: 0.1
*/
/*
--bleu: rgb(46,63,91,1); #2E3F5B; complémentaire : #d1c0a4
--jaune: rgb(255,250,240,1);#FFFAF0; complémentaire : #00050f
--rouge: rgb(120,20,43,1); #78142b; complémentaire : #87ebd4
--or: rgb(226,211,189,1);#E2D3BD; complémentaire : #1d2c42
--gris: rgb(75,84,99,1); #4B5463; complémentaire : #00050f
--beige: rgb(215,211,209,1)#D7D3D1;complémentaire : #282c2e
--vert_tsara: rgb(0,77,63,1) #004d3f

--bleu-ciel:rgb(127,201,255,1);
--fushia: rgb(255,7,201,1);
--marron: rgb(160,130,60,1);
--vert_clair: rgb(75,255,0,1);#4CFF00; complémentaire:#b300ff
--lavande:rgb(178,170,255,1);
*/

/*#####  Pages Produits ####################################################################################*/

	/*taille cellule produits*/
.wc-block-grid__products{
	display: flex !important;
	justify-content: center !important;
	gap: 40px 15px !important;
}
.wc-block-grid__product{
	max-width: 250px !important;
}
.wc-block-grid__product-link{
	border: solid 1px var(--or) !important;
}
	/*texte du titre du produit*/
.wc-block-grid__product-title{
	font-size: 1rem !important;
	font-weight: normal !important;
	color: var(--rouge)!important;
}

	/*buttons, boutons*/
:is(.add_to_cart_button, .single_add_to_cart_button){
	background-color: transparent !important;
}

:is(.add_to_cart_button, .single_add_to_cart_button)::before{
	/* image pour add to cart  */
	content: url(./media/menus/opencart-in-40px.svg);
}

:is(.checkout-button, #place_order, .coupon button){
	background-color: var(--vert_tsara) !important;
	color: var(--foot-couleur)!important;
	font-weight: normal !important;
	border-radius: 2px !important;
	padding: .618rem 1rem;
	border: none !important;
}

.coupon button{/* taille fixe du OK */
	width: 50px !important;
}

/*#####  Pages Produits et Produit ##########################################################################*/

	/*caractéristiques du prix*/
:is(.woocommerce-Price-amount, .amount,.price,.wc-block-formatted-money-amount,.wc-block-components-formatted-money-amount,.wc-block-components-totals-item__value){
	/* price et suivants pour le mini-cart*/
	color: var(--rouge)!important;
	font-size: 1.1rem !important;
	font-weight: 500 !important;
}

:is(.price, .woocommerce-variation-price){
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.stock{
	margin-top: 5px !important;
	margin-bottom: 15px !important;
}

/*#####  Pages Produit simple ###########################################################################*/
#div_flex_ouverture{
	display: flex;
	align-items: center;
}

#div_flex_ouverture button{
	font-size: 1rem !important;
	border: 1px solid var(--beige) !important;
}

/*#####  Pages Produit simple et variable ###########################################################################*/
.message_produit{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 1rem;
	font-size: 1rem;
	font-weight: 600;
}

.single_add_to_cart_button{
	/*décaler par rapport à la fenêter des quantités*/
	margin-left: 10px !important; 
}

.woocommerce-product-details__short-description{
	margin-top:10px !important;
}

/*#####  Pages Produit variable ###########################################################################*/
.label{
	padding-right: 10px;
	font-style: italic;
}

.variations{
	border-spacing: 5px !important;
}

.woocommerce-variation-add-to-cart{
	display: flex !important;
}

/*############ Page Panier ###################################################################################*/

/*:is(.woocommerce-cart-form, .cross-sells,.cart_totals,.woocommerce-billing-fields, .woocommerce-shipping-fields){
	border: solid 1px var(--or) !important;
    border-radius: 5px !important;
	padding: 5px !important;
}*/
button[name='update_cart'] {
   display: none !important;/*MàJ automatique => pas de bouton*/
}

.cart_totals h2{ /* masque TOTAL du récapitulatif */
     display: none;
}

.coupon label.screen-reader-text{/* affiche le texte masqué avant entrée du code */
	position: relative !important;
	clip-path: none !important;
	font-weight: 600 !important;
}

#coupon_code{
	width:100px !important;
	margin-right: 10px !important;
}

#poids-panier :is(th,td){
	font-weight: 400 !important;
	color: var(--corps-couleur);
	font-size: 0.9rem !important;
	background-color: var(--corps-fond) !important;
}
#poids-panier td::before{
	font-weight: 400 !important;
	color: var(--corps-couleur);
	font-size: 0.9rem !important;
	background-color: var(--corps-fond) !important;
}

.product-name a{
	color: var(--corps-couleur) !important;
}

.product-thumbnail img{
	width: 25% !important;
}

.shop_table{/*panier et checkout*/
	border-collapse: collapse !important;
	text-align : center !important;
	border: 0px !important;
}

.shop_table tbody :is(.product-thumbnail,.product-name,.product-price,.product-quantity,.product-subtotal,.product-total,.shipping){/*panier et checkout*/
	background-color: var(--fond-woo-1) !important;
}

.shop_table :is(.cart-discount, .fee){/*panier et checkout*/
	background-color: var(--promo-woo-1) !important;
}

.shop_table .qty{/* panier: pas d'encadrement sur ligne coupon */
	background-color: var(--corps-fond) !important;
}

.shop_table .order-total :is(th,td,.amount){/*panier et checkout*/
	font-size: 1.2em !important;
}

.woocommerce-cart-form{
	margin-bottom: 5px !important;
}

:is(.woocommerce-remove-coupon, .restore-item){
	padding-left: 10px !important;
	font-size: 0.8rem !important;
	font-weight: normal !important;
}

:is(.woocommerce-shipping-destination, .woocommerce-shipping-calculator){
     display: none !important;	/*### Ne pas afficher bla-bla frais + calculer frais  #####*/
}

.wc-proceed-to-checkout{
	text-align: center !important;	/*centrer bouton commander*/
}

/*produits croisés*************************************/
.cross-sells h2{
	font-size: 1rem !important;
	font-variant: normal !important;
	font-family: var(--corps-police) !important;
	color: var(--corps-couleur) !important;
}

.woocommerce ul.products li.product{
	text-align: center !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-right: 1% !important;
	margin-bottom: 1rem  !important;
	border: 1px solid var(--or) !important;
}

.woocommerce ul.products li.product a img{
	width: 25% !important;
	display: inline !important;
	margin-bottom: 0 !important;
}

.woocommerce ul.products li.product h2{
	/*color: var(--rouge) !important;*/
	font-weight: normal !important;
}

.woocommerce ul.products li.product .button{
	margin-top: 0 !important;
	font-weight: normal !important;
	padding:0 !important;
}

/*fin crossed-sales*************************************/	

/*#####  Page CheckOut ###########################################################################*/
#billing_postcode_field, #billing_phone_field, #shipping_postcode_field{/* réduire taille fenêtre de saisie, à gauche  */
	clear: both !important;
	float: left !important;
	width: 40%;
	overflow: visible;
}

#billing_city_field, #billing_email_field, #shipping_city_field {/* réduir etaille fenêter de saisie*/
	clear: none !important;
	float: right !important;
	width: 55%;
	overflow: visible;
}

.checkout .woocommerce-remove-coupon{/* pas possible enlever coupon dans checkout*/
	display : none !important;
}

.dizmiz{ /*x pour fermer les 'pages' d'erreur checkout*/
    right: 0;
    top: 0;
    position: absolute;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    line-height: 23px;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
}

#order_comments_field{	/*décaler notes*/
	margin-top:20px !important;
}

#order_review_heading{
	padding-bottom: 10px !important;
	margin-top: 10px !important;
	padding-top: 10px !important;

	border-top: 1px solid var(--rouge) !important;
}

#place_order{/*centrer bouton verticalement*/
	margin-top: 6px !important;
}

#payment{/*tableau de paiement*/
	background-color: var(--fond-woo-1) !important;
	padding: 1rem !important;
}

#payment div.payment_box {
	background-color: var(--corps-fond) !important; /*fond paiement stripe*/
	font-size: 1rem !important;
	line-height: normal !important;
	color: var(--corps-couleur) !important;
	padding: 0.3rem !important;
}

#payment div.payment_box::before{
	border: 1em solid var(--corps-fond) !important;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
	border-top-color: transparent !important;
}
#payment ul.payment_methods li{
	line-height: normal !important;
}

.required{
	font-size: 1.3em !important; /* taille astérisques*/
}

#ship-to-different-address{
	font-weight: normal !important;
}

.shop_table tfoot .shipping {/*checkout*/
	background-color: var(--fond-woo-1) !important;
}

.shop_table tfoot td {/*checkout*/
	font-weight: normal !important;
}

.validate-required input::placeholder {
	color: var(--rouge) !important;
}

.woocommerce-privacy-policy-text{/* interligne simple de l'acceptation des CDV + trait dessous*/
	line-height: normal !important;
	background-color: var(--corps-fond) !important;
	padding: 0.3rem !important;
	margin: 1rem !important;
}

.woocommerce-form__label-for-checkbox{/* interligne simple de l'acceptation des CDV*/	
	line-height: normal !important;
}

.woocommerce form .form-row{
	padding: 0px !important /*code et ville sur m$eme ligne dans checkout*/
}

.woocommerce input{
	border-width: 0 !important;
	padding: .5rem !important;
	background-color: var(--fond-woo-1) !important;
	
	font-size: 1rem !important;
	color: var(--corps-couleur) !important;
}

.woocommerce label{
	line-height: normal !important;		/* interligne simple de l'acceptation des CDV + trait dessous*/
}

/* #### Inventaire ###########################*/
.champ{
	width: 3rem !important;
	font-size: var(--corps-taille);
}

.focusin{
	background: var(--or);
}

.gauche{
	text-align: left !important;
}

.inventaire table{
	border-collapse: collapse;
}

.inventaire :is(th, td){
	border: 1px solid var(--rouge);
	padding: 10px;
	text-align: center;
}

.modif{
	font-size : 1.2em;
	font-weight: 600;
	color: var(--rouge);
}

.px, .qy {/* pour identifier inputs Q et P */
}

.validation{
	border: 0 !important;
	display: none;
}

/* #### Post commande ###########################*/
.woocommerce-thankyou-order-received{
	margin-bottom: 20px !important;
}