/* WooCommerce */

/* PANIER */

.wc-block-mini-cart {
	background-color:#D7B8FA ;
    color: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 2em;
    right: 1.5em;
}

.wc-block-mini-cart:hover {
	transform: scale(1.1);
    color: black;
	transition-property: transform;
	transition-duration: 0.5s;
}

.wc-block-mini-cart__badge {
	background-color: black;
	left: 43px;
}

.wp-block-woocommerce-mini-cart-checkout-button-block {
	border: 1px solid black;
	color: black;
}

.wp-block-woocommerce-mini-cart-checkout-button-block:hover {
	background-color: black;
	color: white;
}

.wc-block-cart__submit-button {
	border: 1px solid black;
	color: black;
	background-color: var(--wp--preset--color--fifth);
}

.wc-block-cart__submit-button:hover {
	background-color: black;
	color: white;
}

.wc-block-components-sidebar-layout .wc-block-cart__main {
	height: 65vh;
	width: 50%;
	overflow: auto;
}

.panel-command-resume .wc-block-components-panel__content {
	height: 230px;
    overflow: auto;
}

/* GRILLE DE PRODUITS */

.wc-block-grid {
	font-size: 0.8em !important;
}

.wc-block-grid__product {
	max-width: 29.333333% !important;
    margin: 1em;
	border: 2px solid black;
    border-radius: 20px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wc-block-grid__product:hover {
	transform: scale(1.02);
	transition-property: transform;
	transition-duration: 1s;
}

.wc-block-product {
	border: 2px solid black;
    border-radius: 20px 20px 0px 0px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wc-block-grid__product-image {
	border-radius: 20px 20px 0px 0px;
	margin: 0;
}

.wc-block-grid__product-image img {
	border-radius: 19px 19px 0px 0px;
	border-bottom: 2px solid black;
}

.wc-block-components-product-price {
	margin-bottom: 0 !important;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart {
	margin: 0;
}

.wc-block-all-products .wp-block-button.wc-block-components-product-button {
	margin: 0;
	border-top: 2px solid black;
}

.wp-block-button.wc-block-components-product-button {
	border-top: 2px solid black;
}

.wc-block-components-product-title  {
	font-size: 0.9em;
	margin-bottom: 0 !important;
}

.wc-block-components-product-title a {
	text-decoration: none;
	margin-bottom: none;
}

.wc-block-components-product-title a:hover {
	text-decoration: underline;
}

.wc-block-grid__product-title {
	font-size: 0.9em;
	padding: 0.5em;
	margin: 0 !important;
}

.product-post-card-title {
	font-size: 0.7em !important;
}

.product-post-card-title a {
	text-decoration: none;
}

.product-post-card-title a:hover {
	text-decoration: underline;
}

.woocommerce-product-gallery__image {
	border-radius: 20px;
}

.single_add_to_cart_button {
	color: black;
	background-color: var(--wp--preset--color--fifth);
	border-radius: 50px;
}

.single_add_to_cart_button:hover {
	color: white;
	background-color: black;
}

.wc-block-add-to-cart-form .quantity .qty {
	width:5em;
	border-radius: 20px;
    border: 2px solid black;
    color: black;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	background-color: var(--wp--preset--color--fourth);
	color: black;
    width: 100%;
    border-radius: 0px 0px 18px 18px;
}

/* FITRES D'ATTRIBUTS */

.wp-block-woocommerce-attribute-filter {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.wc-block-attribute-filter {
	margin-bottom: 0;
}

.wc-block-attribute-filter-list {
	display: flex;
    gap: 1em;
    align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wc-block-attribute-filter-list .wc-block-components-checkbox-list li {
	margin: 0;
}

.wc-block-attribute-filter-list .wc-block-components-checkbox {
	margin-top: 0;
	display: flex;
    align-items: center;
	position: relative;
}

.wc-block-attribute-filter-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    border: 2px solid black;
    border-radius: 50px;	
	margin: 0;
	width: 8.5em;
    height: 3em;
	background-color: var(--wp--preset--color--fifth);
}

.wc-block-attribute-filter-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:hover {
    border: 2.5px solid black;
}

.wc-block-attribute-filter-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
	background-color: var(--wp--preset--color--third);	
}

.wc-block-attribute-filter-list .wc-block-components-checkbox__label {
	position: absolute;
    width: 8.5em;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wc-block-attribute-filter-list .wc-block-components-checkbox svg {
	display: none;
}

.wc-block-attribute-filter__actions {
	display: none;
}

/* PAGE PRODUIT - PRODUCT DETAILS BLOCK */

.product-tabs-masked .tabs {
	display: none;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 20px;
	padding: 0.5rem;
}

/* PLANNING */

.woocommerce div.product form.cart table.variations th {
	display: none;
}

.woocommerce table.variations tr td select {
	border: 2px solid black;
    border-radius: 20px;
}

.bookacti-form-field-container {
	font-size: 0.7em;
}

.fc .fc-toolbar-title {
	font-size: 1.2em;
}

.fc .fc-button-primary {
	background-color: var(--wp--preset--color--fourth);
	border-color: black;
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
	box-shadow: none;
}

.fc .fc-button-primary:disabled {
	background-color: black;
}

.fc .fc-button-primary:focus {
	box-shadow: none;
}

.fc-timegrid {
	height: 300px;
	overflow: auto
}

.woocommerce-variation-price {
	font-family: 'Fredoka bold';	
}

/* MEDIA QUERIES
--------------------------------------------- */

@media only screen and (max-width: 490px) {
	
	.wc-block-grid__product {
		max-width: 80% !important;
	}
	
	.wc-block-attribute-filter {
		padding: 0 1.5em;
	}
	
	.wp-block-group.woocommerce.product .up-sells.upsells.products {
		display:none;
	}
}