@charset "UTF-8";
/* CSS Document */
.product-template-default
{ all: unset;	}

/* ---------------- no-scroll x messages woocomerce -------------------------------*/



/* ---------------- grid-item -------------------------------*/




.grid-item_Woo_Commerce {
	background-color: var(--couleur_des_blocs_images);
	width: 687px;
	height:auto; min-height:687px;
	padding: 8px;
}

@media only screen and (max-width: 720px) 
{
	.grid-item_Woo_Commerce {	width: 337px;	height:auto;  min-height:337px; }
}




/* ---------------- LIB - épuisé ou non -------------------------------*/

.DAS_outofstock
{	display: block; text-transform:uppercase; 
	
	border: 1px solid var(--couleur_du_texte);	
	background-color: var(--couleur_blanc);
	color: var(--couleur_du_texte);

	width: auto; height: 22px; 	position: absolute;
height: 22px; line-height:20px; font-size: 11px; letter-spacing:0.1em; 
	
padding: 0px 4px 0px 4px;
transform: rotate(15deg);
left: calc(100% - 55px); top:5px;}



/* ---------------- LIB - etoile x prix / sticky -------------------------------*/
.conteneur_star, .conteneur_NEU, .conteneur_prix_libre		{	 width:70px; height: 70px; 	position: absolute; 	}
.conteneur_star			{	left: calc(100% - 55px); top:5px; z-index: 200; }
.conteneur_NEU			{	left: calc(100% - 95px); top: -18px; z-index: 210; 	}
.conteneur_prix_libre	{	left: calc(100% - 55px); top: -5px; z-index: 220; 	}

.star, .star_NEU, .star_prix_libre 
{	display: block; width:70px; height:70px;	background-image: url("../../../../uploads/star.png");	background-size: 70px; opacity:0.8;	}

.star_prix_libre		{	animation: rotation 10s infinite linear; z-index: 221;	}
.star					{	animation: rotation 39s infinite linear; z-index: 201;	}
.star_NEU				{	animation: rotation 38s infinite linear; z-index: 211; 
	/* vert =filter: invert(85%) sepia(34%) saturate(888%) hue-rotate(92deg) brightness(106%) contrast(102%); */
	/* magenta filter: invert(41%) sepia(61%) saturate(4634%) hue-rotate(309deg) brightness(99%) contrast(106%);
	/*	 conversion depuis hexadecimal https://isotropic.co/tool/hex-color-to-css-filter/ */	
	/* rouge = FF0000	
	 filter: invert(24%) sepia(98%) saturate(7140%) hue-rotate(355deg) brightness(90%) contrast(126%);*/
	
	 filter: invert(1);
}




@keyframes rotation {  0% {   transform: rotate(0deg) scale(1.0); } 50%   {transform: rotate(179.5deg) scale(0.8);  }  100%   {transform: rotate(359deg) scale(1);  } }

.affiche_prix_star, .TXT_NEU, .affiche_prix_libre
{
	display: block;     position: absolute;     width: 100%;	height: 100%;
    top: 0;	left: 0;
	text-align: center; margin: auto; z-index: 1002;
	font-family: Neue Haas Grotesk Regular, Arial, sans-serif; 
}


.affiche_prix_star	{	line-height: 70px; font-size: 1.2em; color: white;	}
.affiche_prix_libre	{	line-height: 15px; font-size: 1em; color: white; text-transform: uppercase; padding-top: 20px;}


.TXT_NEU	{			padding-top:20px; line-height: 1em; font-size: 1.2em; color: var(--couleur_blanc); /*	pour smiley => line-height: 62px; font-size: 3em; color: black;	*/	}


	
/* ---------------- CART -------------------------------*/



/* ---------------- CART  20.01.2025  -------------------------------*/
#shipping-fields
{
	  border-radius: 0px;

}




/* -------------------------------------------------------------------*/




.quantity {	display: inline-block!important; }

input[type=number].input-text.qty, 
.home .quantity > input[type=number], .archive .quantity > input[type=number]
{	display: block!important; margin-top: 0px!important;   text-align: right; }

.single .quantity > input[type=number], .single .quantity > input[type=number]
{	display: block!important; margin-top: 0px!important;  text-align: right; }

input[type=number] {	margin-top: 0px!important; }
button.add_to_cart_button{	margin-top: 2px!important;  }
button.add_to_cart_button.product_type_variable {	margin-top: 2px!important;  vertical-align: bottom; }


select.DAS_select  {
	display: inline-block!important;
  width: 150px;
  border: 1px solid var(--couleur_liens_texte); 
  border-radius: 0px;
	background-color: var(--couleur_blanc);
	height:22px;
	padding: 0px 4px 0px 4px;
	text-align: left;
	font-size: 10px!important; letter-spacing:0.1em!important;	text-transform:uppercase!important; 
}


.home select.DAS_select  		{ 	margin-left: 8px!important;	margin-top: 0px!important;}
.single select.DAS_select  		{	margin-left: 0px!important; margin-top: 0px!important;}







input[type=number].input-text.qty, 
.woocommerce-cart .quantity > input[type=number],
.single .quantity > input[type=number],
.home .quantity > input[type=number], .archive .quantity > input[type=number]
{	border: 1px solid var(--couleur_liens_texte); display: inline-block!important;	height: 22px; padding: 0px!important;  }


.single button.add_to_cart_button,
.home button.add_to_cart_button, .archive button.add_to_cart_button,
.checkout-button a.button
{
	display: inline-block!important;
	height: 22px!important; line-height:22px!important; 
	padding: 0px 4px 0px 4px!important; 
	font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important;
	font-weight: normal!important;
	font-size: 11px!important; letter-spacing:0.1em!important;
	text-transform:uppercase!important;
	border-radius: 0px!important;

}

.home .cart, .archive .cart  {display: inline-block;  margin: 0px!important; 	padding: 0px 0px 0px 8px!important;	}
.single .cart  {display: inline-block;  margin: 0px!important;	padding: 0px 0px 0px 0px!important;}


.home .variation_name	{margin-left: 10px!important;}

a.added_to_cart  { display: inline-block!important; 	font-size: 10px!important; letter-spacing:0.1em!important;
	text-transform:uppercase!important; padding-left: 4px;}


/*  panier => messages après manipulation */

.woocommerce-message
{
	  border-top: none; 
		font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important; 
	font-weight: normal!important; 
	font-size: 11px!important; letter-spacing:0.1em!important;
	text-transform:uppercase!important;
	
	padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
}

/*  boutons ADD TO CART */


p.product.woocommerce.add_to_cart_inline {
    border: none !important;
    padding: 0 !important;
}

.woocommerce-Price-amount.amount
{
	display:inline-block; 
	padding-right: 4px; 
		height: 22px!important; line-height:22px!important; 
		font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important;
	font-weight: normal!important;;
	font-size: 11px!important; letter-spacing:0.1em!important;
}



/*

.woocommerce a.button.alt:hover,
.woocommerce button:hover.button,
.woocommerce a:hover.button,
.checkout-button a:hover.button
{	
	border: 1px solid var(--couleur_du_texte); 
	background-color: var(--couleur_liens_texte);
	color: var(--couleur_du_texte);
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]
{	
	border: 1px solid var(--couleur_liens_texte); 
	background-color: var(--couleur_blanc);
	color: var(--couleur_liens_texte);
	opacity:1!important;
}

.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover
{	
	border: 1px solid var(--couleur_du_texte); 
	background-color: var(--couleur_blanc);
	color: var(--couleur_du_texte);
}
*/

/* ---------------- TABLEAUX -------------------------------*/
.shop_table *
{	
	font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important; 
	font-weight: normal!important; 
	font-size: 11px!important; letter-spacing:0.1em!important;
	text-transform:uppercase!important;

}

.shop_table thead tr { background-color: white!important; border-radius: 0px;   }
.shop_table thead tr td  { vertical-align: top!important; }


.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals
{width:100%!important;}

/* ---------------- GENERAUX -------------------------------*/

.grid-item_Woo_Commerce p, .grid-item_Woo_Commerce a, 
{
	font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important;
	font-weight: normal!important;;
	font-size: 11px!important; letter-spacing:0.1em!important;
	/*	text-transform:uppercase!important;	*/
	border-radius: 0px!important;
}



.grid-item_Woo_Commerce a
{	
	color: var(--couleur_liens_texte);
	opacity:1!important;
}
.grid-item_Woo_Commerce a:hover
{	
	color: var(--couleur_du_texte);
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.woocommerce-button a,
.grid-item_Woo_Commerce button,
.grid-item_Woo_Commerce a.button
{	
	margin: 0px 0px 0px 0px; display: inline-block!important;
	height: 22px!important; line-height:22px!important; 
	padding: 0px 4px 0px 4px!important; 
	border: 1px solid var(--couleur_liens_texte)!important; 
	background-color: var(--couleur_blanc) !important;	
	color: var(--couleur_liens_texte)!important;
	width:auto!important;
	text-transform: uppercase!important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover
{
	border: 1px solid var(--couleur_du_texte)!important; 
	background-color: var(--couleur_liens_texte) !important;	
	color: var(--couleur_du_texte)!important;
	
}
.grid-item_Woo_Commerce input,
.grid-item_Woo_Commerce textarea 
{
	background-color: var(--couleur_blanc) !important;	
	color: var(--couleur_du_texte)!important;
	padding: 4px!important;
	border: 0px;
		text-transform: none!important;

}


/* ---------------- FORMULAIRES --------*/

.page-id-135 .grid-item_Woo_Commerce p, .page-id-135 .grid-item_Woo_Commerce a,
address
{
		font-size: 12px!important; letter-spacing:0em!important; line-height: 16px;
	text-transform: none!important;

}

.page-id-135 .grid-item_Woo_Commerce .woocommerce-MyAccount-navigation-link a
{
	text-transform: uppercase!important;
	border-bottom: 1px solid var(--couleur_liens_texte);
	 line-height: 18px;
}

/* -------------------------------------------------------------- CART DEF -------------------------------------------------------------- */

/* ------------------------------- Boutons ------------------------------- */

/* panier => button => "Valider la commande" */
woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button,
.woocommerce a.button,
.checkout-button a.button
{
	font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important;
	font-weight: normal!important;
	font-size: 11px!important; 
	letter-spacing:0.1em!important;
	text-transform:uppercase!important;
	border-radius: 0px!important;
	
}

/* page => formulaire ADD TO CART prix libre  +  prix variable  */

.DAS_form_prix_libre
{  }

.variations_form.cart *,
.DAS_form_prix_libre *
{
	font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important;
	font-weight: normal!important;
	font-size: 11px!important; 
	letter-spacing:0.1em!important;
	text-transform:uppercase!important;
	border-radius: 0px!important;	
}




.variations_form.cart label,
.DAS_form_prix_libre label {
	display:inline-block; 
	padding-right: 4px; 
	height: 22px!important; line-height:22px!important; 
	font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important;
	font-weight: normal!important;
	font-size: 11px!important; letter-spacing:0.1em!important;
}

.DAS_form_prix_libre input[type="text"] {
		border: 1px solid var(--couleur_du_texte)!important; 
	height: 22px!important; line-height:22px!important; 
	width: 90px;

		display:inline-block; 
	padding-right: 4px; 
}
.DAS_form_prix_libre input[type="text"]:focus {
		border: 1px solid var(--couleur_liens_texte)!important; 
	    outline: none; /* Remove default outline */
}

.variations_form.cart select,
.variations_form.cart button, .DAS_form_prix_libre input[type="submit"] 
{
	margin: 0px 0px 0px 0px; display: inline-block!important;
	height: 22px!important; line-height:22px!important; 
	padding: 0px 4px 0px 4px!important; 
	border: 1px solid var(--couleur_liens_texte)!important; 
	background-color: var(--couleur_blanc) !important;	
	color: var(--couleur_liens_texte)!important;
	width:auto!important;
}
.variations_form.cart select {	width:180px!important;}


.variations_form.cart button:hover, 
.DAS_form_prix_libre input[type="submit"]:hover,
a.button.wc-forward:hover,
button[name="update_cart"]:hover {
	border: 1px solid var(--couleur_du_texte)!important; 
	background-color: var(--couleur_liens_texte) !important;	
	color: var(--couleur_du_texte)!important;
	
}




/* Masquer l'input de type number avec la classe .input-text.qty.text */
.woocommerce .variations_form.cart .input-text.qty.text {
    display: none!important
}

/* ------------------------------- texte ------------------------------- */
/* panier => titres */

.woocommerce h2,
.woocommerce h3
{
		font-size: 12px!important; letter-spacing:0.1em!important; line-height: 16px; text-transform:uppercase!important;
}

.woocommerce-billing-fields__field-wrapper
{
		font-size: 11px!important; letter-spacing:0.1em!important; line-height: 14px; text-transform:uppercase!important;
}

/* ------------------------------- tableau ------------------------------- */
/* panier => tableau  */
.woocommerce table.shop_table
{
		border-radius: 0px!important;
}


/* ------------------------------- 20.02.2025 ------------------------------- 
.wc-block-components-address-form input,
.wc-block-components-text-input input {
}


.wc-block-components-text-input label,
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:not(:placeholder-shown) + label,
.components-base-control__field .components-base-control__label.css-4dk55l.e1puf3u1
{
	margin-top: -20px;		margin-left: 0px;
		font-family: Neue Haas Grotesk Regular, Arial, sans-serif!important;
	font-weight: normal!important;
	font-size: 10px!important; 
	letter-spacing:0.1em!important;
	text-transform:uppercase!important;
	border: 1px solid red;

}


.wc-block-components-address-form label {
    color: blue !important;
}


.wc-block-components-address-form input:valid + label {
    color: red;
}
form.wc-block-components-form.wc-block-checkout__form * {
  color: blue;  
  font-family: 'Arial', sans-serif;  
}

form.wc-block-components-form.wc-block-checkout__form input {
    border-radius: 0px !important;

}
*/

form.wc-block-components-form.wc-block-checkout__form label[for] {
  color: orange;  /* Style pour tous les labels associés à des inputs et selects */
}

form.wc-block-components-form.wc-block-checkout__form label[for="components-form-token-input-0"] {
  color: orange;  /* Exemple : texte orange pour ce label */
  font-weight: bold;  /* Exemple : texte en gras */
}

form.wc-block-components-form.wc-block-checkout__form input#components-form-token-input-0 {
  background-color: red;  /* Exemple : fond gris clair */
  border: 1px solid orange;  /* Exemple : bordure orange */
  padding: 10px;  /* Exemple : ajout de padding */
}