/*****************/
/***généralités***/
/*****************/



#primary.content-area {
    width: 100%;
    float: none;
    margin-right: 0;
  }

.woocommerce-info{
	background-color : var(--couleur-message)!important;
	border: none !important;
}


.woocommerce-info a.button{
	color : #fff!important;
}

.woocommerce-info a.button:hover{
	color: #fff;
	text-decoration : underline!important;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments
{
	background-color : var(--couleur-message);
}


a.link-box,
ul.products li.product .button,
.woocommerce-address-fields button,
form.woocommerce-EditAccountForm button,
input[type="submit"],
.button.alt,
.widget a.button.checkout,
.checkout_coupon button,
button.woocommerce-button,
button.woocommerce-Button,
a.button
{
	background-color : var(--couleur-3);
	color : var(--couleur-1);
	font-size : 1rem;
	display : flex;
	justify-content: center;
    transition: var(--main-transition);
		border-radius: 99rem;
}

a.link-box:hover,
ul.products li.product .button:hover,
.woocommerce-address-fields button:hover,
form.woocommerce-EditAccountForm button:hover,
input[type="submit"]:hover,
.button.alt:hover,
.widget a.button.checkout:hover,
.checkout_coupon button:hover,
button.woocommerce-button:hover,
button.woocommerce-Button:hover,
a.button:hover
{
	background-color : var(--couleur-boutons-hover);
	color : var(--couleur-1);
	text-decoration: none;
	transform: scale(.9);
}

.woocommerce-ResetPassword{
	display : flex;
	flex-direction: column;
}

.woocommerce-ResetPassword p{
	display : flex;
	flex-direction: column;
	align-items: start;
}

.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper input
{
	font-size : var(--font-size-medium);
	height: 90%;
}

.woocommerce-input-wrapper{
	width: 50%;
	height: 3rem;
}

#order_review p,
.woocommerce-billing-fields label,
.woocommerce-shipping-fields label
{
	font-size : var(--font-size-medium);
}

.form-row{
	margin-right: 0 !important;
	margin-left: 0 !important;
}

#payment .place-order{
	background-color : var(--couleur-3)!important;
	color : #fff!important;
	border-radius: 2rem;
}

form.woocommerce-EditAccountForm p:last-child{
	display: flex;
	justify-content: center;
	width : 100%;
}

form.woocommerce-EditAccountForm button{
	margin-top : 1.25rem;
}

td.actions button
{
	background-color : var(--couleur-6);
	color : var(--main-text-color);
	font-size : var(--font-size-medium);
    transition: var(--main-short-transition) ;
}

td.actions button:hover
{
	background-color : var(--couleur-5);
	color : var(--main-text-color);
    transition: var(--main-short-transition);
}

table:not(.has-background) th{
	background-color : var(--couleur-1);
	color : #fff;
}

.woocommerce-table,
.woocommerce-cart-form,
.shop_table
{
	border-radius: 2rem;
	overflow: hidden;
}

table:not(.has-background) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: #fff;
}

.admin-bar .storefront-sticky-add-to-cart--slideInDown{
	top : 82px;
}

.storefront-sticky-add-to-cart__content-price .amount{
	color : var(--main-text-color)!important;
}

.storefront-sticky-add-to-cart__content img{
	width : 100px;
	height : auto;
}



/*
* Formulaire de recherche et panier page d'accueil
*/

.woocommerce-active .site-header .site-search{
	position : absolute;
	right : 11vw;
	top: 50%;
	transform: translateY(-50%);
	z-index : 10;
	width : 10vw;
	height: var(--hauteur-menu-etat2);
	margin-bottom: 0;
	display: none;
}

.woocommerce-active .site-header .site-search.etat1{
    transition: var(--main-short-transition) ;
}

.woocommerce-active .site-header .site-search.etat2{
    transition: var(--main-short-transition) ;
}

.site-search .widget_product_search form input[type="search"]{
	width : 100%;
	background-color: transparent;
	border : solid 1px var(--couleur-texte);
}

.site-search .widget_product_search form input[type="search"]:focus{
	border : solid 1px var(--couleur-texte);
	outline-color: var(--couleur-2);
}

.site-search .widget_product_search form{
	position: relative;
}


/*****prix et nombre d'articles dans le panier******/
ul.site-header-cart .cart-contents span{
	display: none;
}

#site-header-cart{
	position : absolute;
	right : 1rem;
	z-index : 5;
	display: none;
}

#masthead .site-header-cart .cart-contents{
    padding: 0;
}

ul.site-header-cart .cart-contents::after{
	position : absolute;
	right : 0;
	top : 0;
}

:root{
	--basket-height: 3.125rem
}

#masthead.etat2 ul.site-header-cart .cart-contents::after{
	height : var(--header-height-mini);	
}

#site-header-cart li:first-child{
	position: relative;
}

:root{
	--counter-height: 2rem
}

#shop-counter{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right : calc(25% - 2px);
	top : calc(var(--header-height) / 2 - var(--counter-height) / 2 - 3px);
	z-index : 50;
	background-color : transparent;
	border-radius : 50%;
	width : var(--counter-height);
	height : var(--counter-height);
	color : var(--couleur-texte);
	font-size : .8rem;
	display: none;
}

#masthead.etat2 #shop-counter{
	top : calc(var(--header-height-mini) / 2 - var(--counter-height) / 2 - 3px);
}

#shop-counter:hover{
	cursor : pointer;
}

.smuggler{
	width : 0;
	height : 0;
}

ul.site-header-cart div.widget_shopping_cart{
	left: auto !important;
	display: none !important;
	right : -32rem;
	width : 28rem;
	top: var(--header-height);
   	transition: var(--main-short-transition);
	z-index: 50;
}

header.etat2 ul.site-header-cart div.widget_shopping_cart{
	top: var(--header-height-mini);
}

ul.site-header-cart:hover div.widget_shopping_cart{
	left : auto;
	right : 0;
}

ul#site-header-cart .widget_shopping_cart a.button{
	color : var(--couleur-boutons-text);
	background-color : var(--couleur-boutons);
}

ul#site-header-cart .widget_shopping_cart a.button:hover{
	color : var(--couleur-boutons-text-hover);
	background-color : var(--couleur-boutons-hover);
}

ul#site-header-cart div.widget_shopping_cart .product_list_widget{
    height: auto;
}

.mini_cart_item a:nth-child(2){
	font-size : 1.5rem;
	font-family : var(--font-titre);
}

/**
/* Pages d'archives produits
*/

h1.woocommerce-products-header__title{
	color : var(--couleur-titre);
	font-family : var(--font-titre);
	font-size : var(--font-size-xx-large);
	padding : 5px 10px;
}

.woocommerce-ordering{
	display: none;
}

.storefront-sorting .woocommerce-result-count{
	display: none;
}

.storefront-sorting select.orderby{
	border : none;
	background-color : rgba(255,255,255,.05);
	letter-spacing : 1.5;
    appearance: none;
	padding-right : 1rem;
	cursor : pointer;
}

ul.products{
	display: flex;
	flex-direction : row;
	flex-wrap : wrap;
	justify-content: center;
	gap: 3rem;
}

#primary ul.products.columns-3 li.product{
	position : relative;
	display: flex;
	flex-direction: column;
	width : 20%;
	margin: 0;
	margin-right: 0;
	padding-bottom: 4rem;
}

#primary ul.products li.product img{
	margin: 0;
	width: 100%;
	height: auto;
}

ul.products li.product .button{
	position : absolute;
	text-align : center;
	margin : .5rem auto;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	white-space: nowrap;;
}

ul.products li.product .button.product_type_simple:not(.add_to_cart_button){
	display: none;
}

ul.products>li.product h2.woocommerce-loop-product__title{
    font-size: var(--font-size-large);
    font-family: var(--font-titre);
    color: var(--couleur-titre);
    text-align : left;
}

ul.products>li.product span.price{
	color: var(--couleur-texte);
    text-align : left;
    font-size : 1rem;
    position: relative;
}

h1.woocommerce-products-header__title::before{
	text-shadow : 0px 0px 5px #000;
}

.woocommerce-LoopProduct-link:hover,
.woocommerce-LoopProduct-link:focus
{
	outline: none;
}

/**
/* Pages de produits à l'unité
*/

/*****HERE***********/

.single-product .content-area{
	margin-top : 4rem;
}

.single-product h1.product_title{
	font-family : var(--font-titre);
}

.product__intro{
	font-size: var(--font-size-medium);
}

.single-product button.single_add_to_cart_button.alt{
	width : fit-content;
	margin: 0 auto;
	bottom: .5rem;
	z-index: 10;
	background-color : var(--couleur-3);
	color: var(--couleur-1);
    transition: var(--main-short-transition);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5rem;
	border-radius: 2rem;
	font-size: var(--font-size-x-large);
	font-weight: 700;
	text-transform: uppercase;
	transition: var(--main-short-transition);
	box-shadow: 0 0 10px var(--couleur-1);
}

.single-product button.single_add_to_cart_button.alt:hover{
	transform: scale(.95);
	text-decoration: none;
}

.single-product p.stock::before{
	display: none;
}

.single-product .product-infos{
	display : flex;
	justify-content : space-between;
	width : 100%;
}

#main .product_meta a{
	text-decoration: none;
}

.product_meta a:hover{
	color : var(--couleur-5);
}

form.cart{
	position : relative;
}

.cart .quantity{
	position: absolute;
	top : 50%;
	transform: translateY(-50%);
	right : 0;
}

.quantity .qty{
	background-color : transparent;
	border : none;
	box-shadow: 0 0 0 transparent;
	font-size : 1rem;
	padding : 0;
	width : 3.75rem;
	height : 2.75rem;
}

.woocommerce-tabs ul.tabs,
.single-product div.product .product_meta{
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.single-product ul.products{
	justify-content: space-around;
}

.single-product ul.products > li.product{
	min-height : 35rem;
}

#main .site-main ul.products.columns-4 li.product{
	margin : 1rem;
}

.storefront-product-pagination a[rel="next"] .storefront-product-pagination__title,
.storefront-product-pagination a[rel="prev"] .storefront-product-pagination__title
{
	font-family : var(--font-titre);
}

.woocommerce-product-gallery__image{
	width: 20vw;
	height: 20vw;
	overflow: hidden;
	border-radius: 2rem;
}

.woocommerce-product-gallery__image{
	width: 100%;
}

.woocommerce-product-gallery__image a{
	pointer-events: none; /* bloque le clic */
	cursor: default;      /* change le curseur */
	color: gray;          /* style visuel */
	text-decoration: none;
}

.woocommerce-product-gallery__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.woocommerce-product-gallery__image img.zoomImg{
	display: none !important;
}

.woocommerce-product-gallery__trigger{
	display: none !important;
}

nav.storefront-product-pagination{
	display: none;
}

.woocommerce-product-details__short-description p{
	margin-bottom: 0;
	font-size: var(--font-size-large);
	line-height: 1.2;
}

.woocommerce-product-details__short-description .product_meta{
	display: none;
}

.entry-summary{
	background-color: var(--couleur-3);
	padding: 3rem;
	border-radius: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4rem;
	height: 20vw;
}

.entry-summary .product_meta{
	display: none;
}

.summary .woocommerce-Price-amount{
	margin-top: 6rem;
  	font-family: var(--font-art);
  	font-weight: 700;
  	font-size: 4em;
}

section.related.products{
	display: none;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
	background-color: var(--couleur-3) !important;
	border-radius: 2rem !important;
	border-left: none !important;
	min-height: 10rem;
	color: var(--couleur-1) !important;
	font-size: var(--font-size-medium);
	display: flex;
	flex-direction: column;
	align-items: center;justify-content: center;
}

.storefront-sticky-add-to-cart{
	display: none !important;
}

a.button.wc-forward{
	color: var(--couleur-1);
	border: 2px solid var(--couleur-1);
	border-left-color: var(--couleur-1) !important;
	border-radius: 1rem;
	font-size: var(--font-size-large);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 3rem 0;
	padding: 1rem 2rem;
	transition: var(--main-short-transition);
}

a.button.wc-forward:hover{
	transform: scale(.9);
	color: var(--couleur-1);
}

#wc-stripe-express-checkout-element{
	display: none !important;
}

#order_comments_field textarea{
	width: 15.625rem;
	height: 5rem;
	line-height: 1;
	font-size: var(--font-size-small);
}

.summary.entry-summary{
	position: relative;
}

.woocommerce-product-rating{
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
}

#main-container .star-rating{
	width: 6.5rem;
}

#main-container .star-rating span:before,
#main-container .star-rating::before,
#main-container p.stars a:hover:after, 
#main-container p.stars a:after {
    color: var(--couleur-3);
    letter-spacing: 1px; 
}

#main-container .summary .star-rating span:before,
#main-container .summary .star-rating::before,
#main-container .summary p.stars a:hover:after, 
#main-container .summary p.stars a:after {
    color: var(--couleur-1);
}

/**
/*Mon compte
**/

p#billing_first_name_field label + span,
p#billing_first_name_field label + span,
p#shipping_first_name_field label + span,
p#shipping_last_name_field label + span
{
	margin : 0;
}

p.parent-focused,
p.grand-parent-focused{
    transition: var(--main-short-transition);
}

p.form-row{
	display: flex;
	justify-content: space-between;
	align-items : center;
	margin : 0;
	padding : .25rem;
    transition: var(--main-short-transition);
	max-width: 30rem;
}

.woocommerce-MyAccount-content input{
	max-height : 2rem;
}

.woocommerce-MyAccount-content fieldset,
.woocommerce-MyAccount-content fieldset > legend
{
	margin-left : 0;
	padding: 0;
}

.woocommerce-MyAccount-content fieldset input{
	max-height : 2rem;
	height : 2rem;
}

.woocommerce-MyAccount-content fieldset > p{
	display: flex;
	flex-direction: column;
	align-items : flex-start;
	padding: 0;
}

span.show-password-input{
	height : 2rem;
}

.show-password-input::after{
	position : absolute;
	top : 50%;
	right : .25rem;
    transform: translateY(-50%);
}

input#password{
	height : 100%;
}

.login p.form-row label{
	margin-right : 1rem;
}

#main-container .form-row input{
	width: auto;
}

#loginform{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction : column;
}

p.form-row label{
	margin : 0;
}

p#billing_first_name_field,
p#billing_last_name_field,
p#shipping_first_name_field,
p#shipping_last_name_field
{
	width : 100%;
	margin : 0;
}

p#billing_address_2_field,
p#shipping_address_2_field
{
	display : flex;
	justify-content : flex-end;
}


#account_display_name_description{
	line-height: 1.2;
	font-size: var(--font-size-small);
}

.woocommerce-EditAccountForm label{
	min-width: 8rem;
}


/*********************/
/******panier*********/
/*********************/


.woocommerce-billing-fields__field-wrapper p{
	position: relative;
	padding-top: 1.5rem;
}

p.checkout-inline-error-message{
	color: red;
	font-size: var(--font-size-small);
	position: absolute;
	right: 2rem;
	margin-bottom: 0;
	top: 0;
	padding-top: 0;
}
/*********************/
/******stripe*********/
/*********************/

.wc-stripe-elements-field, .wc-stripe-iban-element-field {
    width: 100%;
}

#stripe-card-element{
	width : 20rem;
}

label[for*="klarna"]{
	display: none !important;
}