/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*ACCUEIL*/


.home .titre_pages, .error404 .titre_pages {
    display: none;
}
p ul {
    margin-bottom: 10px;
}

/*MENU*/

.btn_spe a {
    border: 1px solid var( --e-global-color-primary );
    padding: 5px 15px 5px 15px;
    color: var( --e-global-color-primary )!important;
}
.btn_spe a:hover {
    border: 1px solid var( --e-global-color-primary );
    padding: 5px 15px 5px 15px;
    color: var( --e-global-color-7bfc8f5 )!important;
    background-color: var( --e-global-color-primary );
}


.main_menu .menu-item a {
	font-size: 16px!important;
}
.main_menu .sub-menu .menu-item a:hover, .main_menu .sub-menu .menu-item a:active {
	color: #fff!important;
}
.main_menu .elementor-nav-menu--dropdown {
    background-color: var( --e-global-color-7bfc8f5 )!important;
}

.main_menu .elementor-nav-menu--dropdown ul li {
    display: flex;
}

.main_menu .elementor-nav-menu--dropdown a {
    color: var(--e-global-color-text)!important;
    margin: auto;
}

@media only screen and (max-device-width : 600px) {
.main_menu .elementor-nav-menu--dropdown .btn_spe a {
    padding: 10px 45px!important;
    margin: 14px auto;
}
}

.select_produits > .elementor-widget-container > .elementor-loop-container {
	padding: 5px;
}

/* Effet menu hover */
.main_menu nav > ul > .menu-item a {
	z-index: 2;
}

.main_menu nav > ul > .menu-item {
	position: relative;
}
.main_menu nav > ul > .menu-item::before,
.main_menu nav > ul > .menu-item::after {
  width: 00%; height: 0%;
  transition: 0.35s;
}
.main_menu nav > ul > .menu-item::before {
  top: 0; left: 0;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
	width: 0%;
    height: 0%;
    transition: 0.35s;
	position: absolute;
    content: "";
}
.main_menu nav > ul > .menu-item::after {
  bottom: 0; right: 0;
  border-right: 1px solid #fff!important;
  border-bottom: 1px solid #fff!important;
	border-left: none!important;
	width: 0%;
    height: 0%!important;
    transition: 0.35s;
	position: absolute;
    content: ""!important;
}
.main_menu nav > ul > .menu-item:hover::before,
.main_menu nav > ul > .menu-item:hover::after {
  width: 99%;
  height: 98%!important;
}

.main_menu nav > ul > .menu-item:hover::before {
	border-left: 1px solid var( --e-global-color-primary );
  border-top: 1px solid var( --e-global-color-primary );
}
.main_menu nav > ul > .menu-item:hover::after {
  border-right: 1px solid var( --e-global-color-primary )!important;
  border-bottom: 1px solid var( --e-global-color-primary )!important;
}

/* FOOTER */



/* PAGES CATEGORIES PRODUITS */
.produit_cont {
	transition-duration: 0.3s;
}
.produit_cont:after {
	content: "";
    width: 100%;
    height: 100%;
	left: 0px;
    top: 0px;
    border: 1px solid var(--e-global-color-primary);
    margin: auto;
    position: absolute;
    z-index: 2;
	opacity: 0;
	transition-duration: 0.3s;
	transition: 0.3s;
}
.produit_cont:hover:after {
	width: calc(100% - 20px);
    height: calc(100% - 20px);
	left: 10px;
    top: 10px;
	opacity: 1;
	transition-duration: 0.3s;
	z-index: 6;
}
.produit_cont .produit_btn {
	opacity: 0;
	transition: 0.3s;
	width: calc(100% + 20px);
    left: -10px;
    bottom: -10px;
}
.produit_cont:hover .produit_btn {
width: 100%;
    left: 0px;
    bottom: 0px;
	opacity: 1;
}
.titre_gen {
	padding: 20px;
	border-style: solid;
    border-width: 20px;
    border-image-source: url(/wp-content/uploads/2025/11/cadre_titre_general.svg);
    border-image-slice: 30 30 30 30;
    border-image-width: 50px;
}
.liste_cat_produits .widget_product_categories li {
	padding-left: 10px;
}
.liste_cat_produits .widget_product_categories li::marker {
	color: var( --e-global-color-primary );
	font-size: 16px;
	margin-left: 10px;
}
.liste_cat_produits .widget_product_categories li a {
	color: #000;
}
.liste_cat_produits .widget_product_categories li:hover a {
	color: var( --e-global-color-primary );
}
.liste_cat_produits .widget_product_categories li.cat-parent a {
	color: #000;
}
.liste_cat_produits .widget_product_categories > ul {
	font-size: 20px;
	margin-bottom: 15px;
	position: relative;
	list-style-type: none;
    font-family: "Font Awesome 5 Free";
	padding-inline-start: 0px;
}
.liste_cat_produits .widget_product_categories > ul > li {
	font-size: 20px;
	margin-bottom: 15px;
	position: relative;
}
.liste_cat_produits .widget_product_categories >ul > li > ul {
	margin-top: 12px;
	list-style-type: "\f054";
    font-family: "Font Awesome 5 Free";
}
.liste_cat_produits .widget_product_categories >ul > li > ul > li {
	font-size: 18px;
	margin-bottom: 5px;
}
.liste_cat_produits .widget_product_categories > ul > li:before {
	content: "";
	width: 45px;
	position: absolute;
	border-bottom: 1px solid var( --e-global-color-primary );
	margin-bottom: 10px;
	top: 25px;
}

/* PAGE PRODUIT */
.single-product .flex-control-nav.flex-control-thumbs {
	display: flex!important;
}
.single-product .woocommerce-variation-add-to-cart {
	display: block!important;
}
.single-product .vts-variation-thumbs-gallery .vts-variation-thumb-wrapper {
	position: relative!important;
	transition-duration: 0.3s;
}
.single-product .vts-variation-thumbs-gallery .vts-variation-thumb-wrapper:after {
	content: "";
	width: 100%;
	height: 100%;
	border-bottom: 4px solid var( --e-global-color-primary )!important;
	position: absolute;
	opacity:0;
	top: 0;
/* 	background-color: #0000002b; */
}
.single-product .vts-variation-thumbs-gallery .vts-variation-thumb-wrapper:hover:after,  .single-product .vts-variation-thumbs-gallery .vts-variation-thumb-wrapper.vts-active-variation:after {
	opacity:1;

}
.single-product .woocommerce-product-attributes {
	width: auto!important;
	border: none!important;
}
.single-product .woocommerce-product-attributes .woocommerce-product-attributes-item__label {
	border: none;
	padding: 0;
	width: auto;
	background-color: #fff;
}
.single-product .woocommerce-product-attributes .woocommerce-product-attributes-item__label:after {
	content: ":";
	margin-left: 5px;
	margin-right: 5px;
}
.single-product .woocommerce-product-attributes .woocommerce-product-attributes-item__value, .single-product .woocommerce-product-attributes .woocommerce-product-attributes-item__value p {
	border: none;
	padding: 0;
	background-color: #fff;
}

.img_produit .woocommerce-product-gallery .flex-control-nav {
	margin-top: 20px!important;
	gap: 10px;
}
.img_produit .woocommerce-product-gallery .flex-control-nav li {
	border: none!important;
	position: relative;
}
.img_produit .woocommerce-product-gallery .flex-control-nav li:after {
	content: "";
	width: 100%;
	height: 4px;
	margin-bottom: 4px solid var( --e-global-color-primary );
	opacity: 0;
	position: absolute;
	bottom: 0;
    background-color: var(--e-global-color-primary);
    transition-duration: 0.3s;
}
.img_produit .woocommerce-product-gallery .flex-control-nav li:hover:after {
	opacity: 1;
}
.img_produit .woocommerce-product-gallery .flex-control-nav li img {
	border: none!important;
}

.woocommerce div.product .produit_desc .woocommerce-tabs ul.tabs li {
	background: #ffffff00;
	border: none;
	background-color: #ffffff00;
	border-radius: 0;
}
.woocommerce div.product .produit_desc .woocommerce-tabs ul.tabs li.active {
	border-bottom: 3px solid var( --e-global-color-primary );
}
.woocommerce div.product .produit_desc .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .produit_desc .woocommerce-tabs ul.tabs li.active a {
	color: var( --e-global-color-primary );
}

.btn_ajout_panier button:after {
	content:"";
	-webkit-mask: url("https://dev.frena.krysaweb.com/wp-content/uploads/2025/11/icon_ajout_panier.svg") no-repeat 50% 50%;
	mask: url("https://dev.frena.krysaweb.com/wp-content/uploads/2025/11/icon_ajout_panier.svg") no-repeat 50% 50%;
	width: 12px;
	height: 18px;
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% + 80px);
    background-color: var( --e-global-color-primary );
}
.btn_ajout_panier button:hover:after {
	background-color: #fff;
}