/*
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .add_to_cart_button {
	background-color: var(--e-global-color-secondary);
	color: #FFFFFF;
	border-radius: 3px 3px 3px 3px;
}
*/

.woocommerce-loop-product__title{
	font-size: 1.25rem;
}

body.home .add_to_cart_button{
	display: none;
}

.elementor-products-grid ul.products.elementor-grid li.product{
	text-align: center;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt
{
	background-color: var(--e-global-color-primary);
	color: white;
	border-radius: 5px;
	font-weight: var(--e-global-typography-text-font-weight);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover
{
	background-color: var(--e-global-color-text);
	color: white;
}




button.single_add_to_cart_button.button.alt.disabled{
	background-color: var(--e-global-color-primary);
}
button.single_add_to_cart_button.button.alt.disabled:hover{
	background-color: var(--e-global-color-text);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price, .woocommerce ul.products li.product .price{
	color: var(--e-global-color-primary);
	font-weight: var(--e-global-typography-text-font-weight);
}

.woocommerce .quantity .qty{
	min-width: 100px;
}


.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
	background: transparent;
	padding: 15px 0;
}



.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
	background-color: white;
	color: var(--e-global-color-text); 
	border-radius: 5px;
	border-color: var(--e-global-color-text); 
	box-shadow: none;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock){
	background-color: var(--e-global-color-text); 
	color: white;
	border-color: var(--e-global-color-text); 
	box-shadow: none;
}








.woocommerce div.product.elementor .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background-color: white;
	color: var(--e-global-color-text);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background-color: var(--e-global-color-adfcff6);
	
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	color: inherit;
}

.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td{
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
}



















.fc_woocommerce_dynamic_product_categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	width: 100%;
	margin-bottom: 20px;
}

.fc_woocommerce_dynamic_product_categories .product-category {
	/* 3 colonnes moins le gap : (100% / 3) - (gap * 2 / 3) */
	flex: 0 1 calc(33.33% - 20px); 
	min-width: 280px;      /* Sécurité pour le responsive */
	max-width: 400px;
}
.fc_woocommerce_dynamic_product_categories .product_cat_card .product_cat_title{
	text-align: center;
	text-transform: uppercase;
}

.fc_woocommerce_dynamic_product_categories .product_cat_card {
	display: flex;
	flex-direction: column;
}
.fc_woocommerce_dynamic_product_categories .product_cat_img {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

.fc_woocommerce_dynamic_product_categories .product_cat_img img {
	width: 100%;
	aspect-ratio: 2/1;    /* Reste cohérent avec Mazzarino */
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}

.fc_woocommerce_dynamic_product_categories .product_cat_card:hover .product_cat_img img {
	transform: scale(1.05);
}

.fc_woocommerce_dynamic_product_categories .product_cat_txt h3 {
	margin: 10px 0;
	font-size: 1.2rem;
	text-transform: uppercase;
}
.fc_woocommerce_dynamic_product_categories .product_cat_voir {
    text-align: center;
    position: relative; /* Indispensable pour positionner la barre */
    display: inline-block; /* Permet à la barre de faire la largeur du texte uniquement */
    margin: 0 auto; /* Centre le bloc si le parent est en flex */
    padding-bottom: 4px; /* Espace pour la barre */
}

/* Création de la barre (état initial : invisible/largeur 0) */
.fc_woocommerce_dynamic_product_categories .product_cat_voir::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5px; /* Épaisseur de la ligne */
    background-color: var(--e-global-color-secondary);
    
    /* L'astuce du glissement */
    transform: scaleX(0); 
    transform-origin: bottom centre; /* Part de la gauche vers la droite */
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Effet au survol : on anime la barre quand on survole LA CARTE entière */
.fc_woocommerce_dynamic_product_categories .product_cat_card:hover .product_cat_voir::after {
    transform: scaleX(1); /* La barre prend toute sa largeur */
}

/* On supprime ton ancien hover qui faisait un soulignement brut */
.fc_woocommerce_dynamic_product_categories .product_cat_card:hover .product_cat_voir {
    text-decoration: none !important;
}

/* Responsive : Ajustement du flex-basis */
@media (max-width: 1024px) {
	.fc_woocommerce_dynamic_product_categories .product-category { flex: 0 1 calc(50% - 20px); }
}
@media (max-width: 767px) {
	.fc_woocommerce_dynamic_product_categories .product-category { flex: 0 1 100%; }
}