/* Retire le bouton "payer avec GooglePay présent sur Chrome */
.wcpay-payment-request-wrapper,
#wcpay-payment-request-button-separator{
	display: none !important;
}

/* Autres */

h1.product_title.entry-title {
	font-family: Arial, Helvetica, sans-serif !important;
	color: black;
	font-weight: 800;
}

.woocommerce-variation-price  {
	min-height: 100%;
}

.woocommerce-product-gallery img {
	aspect-ratio: 1;
	object-fit: cover;
}

.woocommerce-product-gallery .flex-control-nav img,
.woocommerce-product-gallery .flex-viewport {
	border-radius: 20px;
}


.woocommerce-product-gallery {
	display: grid;
	grid-template-columns: 5fr 1fr;
	gap: 2rem;
}

.woocommerce-product-gallery > .flex-viewport {
	margin: 0;
	
	overflow-x: hidden !important;
	overflow-y: visible !important;
	height: auto !important;
	aspect-ratio: 1;
}

.woocommerce-product-gallery ol.flex-control-nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
	row-gap: 2rem;
	
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 500px) {
	.woocommerce-product-gallery {
		grid-template-columns: unset;
	}
	.woocommerce-product-gallery ol.flex-control-nav {
		flex-direction: row;
		column-gap: 1rem;
	}
}

.woocommerce-product-gallery__wrapper {
	width: auto !important;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
}

.woocommerce-product-gallery__wrapper div[data-thumb]{
	float: none !important;
	position: static !important;
	width: auto !important;
}

.woocommerce-product-gallery__wrapper img {
	aspect-ratio: 1;
	object-fit: cover;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.woocommerce-product-gallery ol.flex-control-nav::after {
	content: none;
}

.woocommerce-product-gallery ol.flex-control-nav li {	
	margin: 0;
	width: auto;
	float: none;
}

.woocommerce-products-content .summary .onsale {
	position: static;
}

.entry-content.woocommerce-Tabs-panel--description table {
	border-color: black;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: clamp(1rem, 1vw + 5px, 1.5rem);
}

.woocommerce-Tabs-panel--description tr td:first-child {
	font-weight: 700;
	font-size: 1.2em;
}

.woocommerce-result-count {
	font-size: 1.5rem;
}

.hero-banner {
	margin-bottom: 3.5rem;
    position: relative;
    margin-inline: auto;
}

.hero-banner a {
   	position: absolute;
	inset: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
	color: white !important;
	font-size: clamp(2rem, 5vw ,3rem);
	font-weight: bold;
	backdrop-filter: brightness(0.7);
	transition: font-size 500ms, backdrop-filter 500ms;
	text-align: center;
}

.hero-banner a:hover {
	font-size: clamp(2.2rem, 5.5vw ,3.3rem);
	backdrop-filter: brightness(0.55);
}

.hero-banner img {
	border-radius: 15px;
	max-height: 300px;
	object-fit: cover;
}

/* MENU MODAL */

.menu-modal.show-modal {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	
	padding-inline: clamp(2rem, 5vw, 4rem);
}

.menu-modal li {
	font-size: clamp(2rem, 5vw, 2.4rem);

	font-weight: bold;
	padding-bottom: 1rem;
	border-bottom: 1px solid lightgrey;
}

.menu-modal li > a {
	color: rgb(85, 85, 85);
	text-decoration: none;
}



/* START : Cart link  */

.cart__wrapper {
	font-size: 2rem;
	align-self: center;
}

.cart__wrapper .woocommerce-Price-amount {
	font-size: 1.6rem;
}

.cart-link {
	text-decoration: none;
}

.cart-link:hover {
	color: var(--primary-color);
}

.cart-link__icon {
	display: inline-block;
	margin-left: 0.75rem;
}

.cart-link__text {
	color: rgb(85, 85, 85);
}

@media screen and (max-width: 1000px) {
	.cart-link__text,
	.cart-link__total {
		display: none;
	}
} 

/* END : Cart link  */

.header-navigation-wrapper {
	gap: 2rem;
	align-items: center;
	
	font-size: 2rem;
}

/* START : Product categories - header */

header .woocommerce-products-categories__wrapper,
header .cart__wrapper {
	margin-inline: 0;
}

header .woocommerce-products-categories {
	display: flex;
	gap: 2rem;
	
	font-size: 2rem;
	list-style-type: none;
	padding-inline: 0;
	margin: 0;
}

@media screen and (max-width: 1000px) {	
	header .woocommerce-products-categories {
		display: none;
	}
}

header .woocommerce-products-categories > li {
	margin: 0;
}

header .woocommerce-products-categories a {
	color: rgb(85, 85, 85);
	text-decoration: none;
}

/* END : Product categories - header */

/* START : Product categories - sidebar */

main .woocommerce-products-categories {
	flex-grow: 0;
	flex-shrink: 1;
    flex-basis: auto;
	
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	
	font-size: 1.6rem;
	list-style-type: none;
	padding-inline: 0;
	margin-inline: 0;
}

main .woocommerce-products-categories a {
	word-break: keep-all;
	white-space: nowrap;
}

main .woocommerce-products-categories > li {
	margin-inline: 0;
	background-color: rgb(240,240,240);
	border-radius: 15px;
}

main .woocommerce-products-categories > li > a {
	display: flex;
	gap: 4rem;
	justify-content: space-between;

	padding: 2rem 3rem;

	color: black !important;
	font-weight: 500;
	text-decoration: none
}

main .woocommerce-products-categories > li > a::after {
	content:">";
	font-weight: 900;
}

@media screen and (max-width: 670px) {
	main .woocommerce-products-categories {
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-around;
	}

	main .woocommerce-products-categories > li {
		text-align: center;
		flex-grow: 1;
	}

	main .woocommerce-products-categories > li > a {
		display: inline-block;
		padding: 1rem 0.5rem;
	}

	main .woocommerce-products-categories > li > a::after {
		content:"";
	}
	
	main .woocommerce-products-categories {
        display: flex;
        align-self: center;
	}
}

main .woocommerce-products-categories .active-category {
	background-color: var(--primary-color) !important ;
}

main .woocommerce-products-categories > li.active-category a {
	color: white !important;
} 

/* END : Product categories - sidebar */

.onsale,
a.add_to_cart_button,
a.product_type_variable,
a.product_type_grouped,
a.product_type_simple,
a.product_type_external{
	border-radius: 5px;
	background-color: var(--primary-color);
	color: white !important;
}

.product .woocommerce-variation-price {
	display: flex;
	flex-direction: column;
	justify-content: center;

	border-radius: 15px;
	background-color: rgb(240,240,240);
	padding: 1.5rem;
}

.product .summary .price {
	font-weight: 800;
}

.product .price bdi {
	word-break: keep-all;
}

.product .summary .variations_form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;
}

.product .summary .variations_form > :first-child {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
}

.product .summary .variations_form > :last-child {
	flex-grow: 1000;
	flex-shrink: 0;
	flex-basis: 225px;
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering,
.woocommerce-page .woocommerce-result-count {
	font-size: 1.6rem;
}

/* Icone de loupe sur la galerie d'un produit spécifique */
.woocommerce-product-gallery__trigger {
	display: none;
}

/* Images affichées en zoom lors du passage de la souris sur une image de la galerie d'un produit spécifique */
.woocommerce-product-gallery__wrapper img[role="presentation"] {
	display: none !important;
}

/* TwentyTwenty override */
ul.products li.product .woocommerce-loop-product__title {
	font-size: clamp(2rem, 1vw + 13px, 2.5rem);
}

/* TwentyTwenty override */
.woocommerce .content-area .site-main {
	margin-inline: 0;
}

body:not(.woocommerce-cart) .woocommerce-placeholder,
body:not(.woocommerce-cart) .attachment-woocommerce_thumbnail {
	border-radius: 15px;
	object-fit: cover;
	aspect-ratio: 9/16;
	max-width: 100%;
}

/* TwentyTwenty override */
.woocommerce .content-area {
	max-width: min(100% - min(10vw, 6rem), 1150px);
	padding: 0;
	margin: 4rem auto;
}

h2.active-category-title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 4rem;

	color: black;
}

.woocommerce-main-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap : min(7vw, 15rem);
}

.woocommerce-products-content {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 350px;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	float: none;
	width: auto;
}

.woocommerce-items {
	display: flex;
	flex-wrap: wrap;
	gap: min(15rem, 5vw);
}

.woocommerce-result-count,
.woocommerce-ordering {
	float: unset !important;
}