/*
Theme Name:     Koop chef
Template:       shoptimizer
Version:        1.0.0
Text Domain: koop-chef
*/

:root {
	--black-principal: #111433;
    --blue-principal: #74F7F3;
    --blue-secondaire: #32D7E1;
	--color-secondaire: #93FBD1;
	--color-gris: #555555;
	--second-gris: #F8F8F8;
}

/***** start footer *****/
footer.site-footer, footer.copyright {
	background: var(--black-principal) !important;
}
/***** end footer *****/

/***** start header *****/
.shoptimizer-cart a.cart-contents .count {
	color: var(--blue-principal) !important;
	border-color: var(--blue-principal) !important;
}
.shoptimizer-cart a.cart-contents .count, .shoptimizer-cart a.cart-contents .count:after {
	border-color: var(--blue-principal) !important;
}
.shoptimizer-cart a.cart-contents:hover .count {
	color: #fff !important;
	background-color: var(--blue-principal) !important;
}
.site-search form {
    margin: 0;
}
.site-search input[type="search"] {
	font-size: 16px !important;
	border: 1px solid var(--black-principal) !important;
	border-radius: 7px;
	background: var(--second-gris) !important;
}
.site-search input[type="search"]::placeholder {
	color: var(--color-gris) !important;
}
.site-header .secondary-navigation .menu {
	font-size: 14px !important;
	color: var(--black-principal) !important;
}
.site-header .secondary-navigation .menu-item {
	border: none;
}

.menu-primary-menu-container > ul > li > a span:before {
	border-color: var(--blue-principal) !important;
}
.menu-primary-menu-container > ul > li > a {
	letter-spacing: 0px !important;
}

#koopchef-header .koopchef_navigation_menu {
	display: none;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu {
	display: none;
	position: absolute;
	top: initial;
    z-index: 9999;
	padding-top: 5px;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items_card {
	background: white;
    width: 290px;
    padding: 20px 0px 20px 20px;
    border: 1px solid #e7ecec;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items,
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul {
	position: relative;
	margin:0;
	list-style: none;
	border-radius: 4px;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items li {
	position: static;
    display: flex;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	cursor: pointer;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items li .koopchef_navigation_sub_menu_title {
    position: relative;
	display: flex;
	align-items: center;
    gap: 10px;
    width: 100%;
    padding: 7px;
    margin-right: 15px;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items li img {
    width: auto;
    height: 17px;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items li .koopchef_navigation_sub_menu_title:hover::after,
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul li:hover a::after {
	content: '\f054';
	font-family: "Font Awesome 6 Free";
	font-size: 13px;
	font-weight: 900;
	position: absolute;
	top: 7px;
	right: 8px;
	color: var(--black-principal);
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul li:hover a::after {
	top: 3px;
    right: 2px;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items li:hover > ul {
    display: block;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul li {
	font-weight: 400;
	line-height: 17px;
    padding: 7px;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul li:hover {
    font-weight: 600;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul li a {
    position: relative;
	color: var(--black-principal) !important;
    width: 100%;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul li:hover::after {
	content: '';
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items li .koopchef_navigation_sub_menu_title:hover,
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items li:hover .koopchef_navigation_sub_menu_title {
	background: #74F7F380;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul li:hover {
	background: none;
}
#koopchef-header .koopchef_navigation_menu .koopchef_navigation_sub_menu .koopchef_navigation_sub_menu_items ul {
	display: none;
	position: absolute;
	top: -21px;
	left: 100%;
	width: 290px;
	height: 304px;
	background: white;
	padding: 20px;
    border: 1px solid #E7ECEC;
}
#koopchef-header .koopchef_navigation_full_sub_menu {
	display: none;
	justify-content: center;
	position: absolute;
    top: 60px;
    left: 0;
    background: #ffffff;
    width: 100%;
    max-height: fit-content;
    z-index: 999;
}
#koopchef-header .koopchef_navigation_full_sub_menu.active {
	display: flex;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_navigation_items {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
    background: white;
	gap: 1%;
	row-gap: 20px;
	width: 100%;
	max-width: 1215px;
	padding: 0;
	padding-bottom: 60px
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item {
  flex: 0 0 calc((100% - 2%) / 3);
  box-sizing: border-box;
  padding: 10px 30px;
  margin-top: 16px;
  border-left: 1px solid #E7ECEC;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item h2 {
	font-size: 15px;
	font-weight: 600;
	color: var(--black-principal);
	margin-left: 10px;
	margin-bottom: 0px;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item .koopchef_sub_menu_title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item .koopchef_sub_menu_title img {
	height: 18px;
    width: auto;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item ul {
	list-style: none;
	margin: 0;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item ul li,
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item ul li a {
	position: relative;
	font-size: 15px;
	color: var(--black-principal);
	line-height: 30px;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item ul li:hover {
	font-weight: 600;
	cursor: pointer;
}
#koopchef-header .koopchef_navigation_full_sub_menu .koopchef_sub_menu_item ul li:hover::after {
	content: '\f054';
	font-family: "Font Awesome 6 Free";
	font-size: 13px;
	font-weight: 900;
	position: absolute;
	top: 0;
	right: 0;
	color: var(--black-principal);
}
#koopchef-header .header-menu-overlay {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    height: 100vh;
    background: #000000a3;
}
@media (min-width: 1024px) {
	#koopchef-header {
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--black-principal);
	}
	#koopchef-header .koopchef-nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1215px;
		width: 100%;
	}
	#koopchef-header .koopchef_navigation_menu {
		display: block;
	}
	#koopchef-header .koopchef_navigation_menu .koopchef_primary_button {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		background: var(--blue-principal);
		padding: 8px;
		padding-right: 20px;
		border-radius: 8px;
		width: max-content;
		gap: 10px;
        cursor: pointer;
	}
	#koopchef-header .koopchef_navigation_menu .koopchef_primary_button:hover {
		background: var(--blue-secondaire);
	}
	#koopchef-header .koopchef_navigation_menu .koopchef_primary_button a {
		color: var(--black-principal);
		text-decoration: none;
	}
	#koopchef-header .koopchef_navigation_menu .koopchef_primary_button i {
		cursor: pointer;
		font-size: 22px;
		padding: 6px;
        width: 30px;
	}
	#koopchef-header .shoptimizer-primary-navigation.col-full {
		width: 100%;
	}
    body.woocommerce-checkout #koopchef-header .koopchef_navigation_menu {
        display: none !important;
    }

}
/***** end header *****/


/***** start content *****/
.homepage-features .e-con-full.e-flex.e-con.e-child {
	overflow: hidden;
	border-radius: 10px;
}
.homepage-features .e-con-full.e-flex.e-con.e-child img {
	transform: scale(1);
  transform-origin: right center; 
  transition: transform 0.2s ease;
}
.homepage-features .e-con-full.e-flex.e-con.e-child:hover img {
	 transform: scale(1.2); 
}
.custom-stars-rating .px-rating-container {
    display: flex;
    align-items: center;
    gap: 8px;
}
.custom-stars-rating .px-rating-container .px-star-rating-text {
    font-size: 12px;
    color: #323232;
}
.price ins, .summary .yith-wcwl-add-to-wishlist a:before, .site .commercekit-wishlist a i:before, .commercekit-wishlist-table .price, .commercekit-wishlist-table .price ins, .commercekit-ajs-product-price, .commercekit-ajs-product-price ins, .widget-area .widget.widget_categories a:hover, #secondary .widget ul li a:hover, #secondary.widget-area .widget li.chosen a, .widget-area .widget a:hover, #secondary .widget_recent_comments ul li a:hover, .woocommerce-pagination .page-numbers li .page-numbers.current, div.product p.price, body:not(.mobile-toggled) .main-navigation ul.menu li.full-width.menu-item-has-children ul li.highlight > a, body:not(.mobile-toggled) .main-navigation ul.menu li.full-width.menu-item-has-children ul li.highlight > a:hover, #secondary .widget ins span.amount, #secondary .widget ins span.amount span, .search-results article h2 a:hover {
   color: var(--blue-secondaire) !important;
}
.spinner > div, .widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle, #page .woocommerce-tabs ul.tabs li span, #secondary.widget-area .widget .tagcloud a:hover, .widget-area .widget.widget_product_tag_cloud a:hover, footer .mc4wp-form input[type="submit"], #payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label:before, #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label:before, #shipping_method > li > input[type=radio]:first-child:checked + label:before, ul#shipping_method li:only-child label:before, .image-border .elementor-image:after, ul.products li.product .yith-wcwl-wishlistexistsbrowse a:before, ul.products li.product .yith-wcwl-wishlistaddedbrowse a:before, ul.products li.product .yith-wcwl-add-button a:before, .summary .yith-wcwl-add-to-wishlist a:before, li.product .commercekit-wishlist a em.cg-wishlist-t:before, li.product .commercekit-wishlist a em.cg-wishlist:before, .site .commercekit-wishlist a i:before, .summary .commercekit-wishlist a i.cg-wishlist-t:before, .woocommerce-tabs ul.tabs li a span, .commercekit-atc-tab-links li a span, .main-navigation ul li a span strong, .widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen:before {
   background-color: var(--blue-principal) !important;
}
.button, input[type=submit], ul.products li.product .button, .commercekit-wishlist-table button, .woocommerce #respond input#submit.alt, .product .cart .single_add_to_cart_button, .widget_shopping_cart a.button.checkout, .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.added_to_cart, .site div.wpforms-container-full .wpforms-form button[type=submit], ul.products li.product .added_to_cart, ul.wc-block-grid__products .wp-block-button__link, .woocommerce-cart p.return-to-shop a, .elementor-row .feature a, .image-feature figcaption span, .wp-element-button.wc-block-cart__submit-button, .wp-element-button.wc-block-components-button.wc-block-components-checkout-place-order-button, .product-label, .wc-block-grid__product-onsale,
.call-back-feature button {
   background-color: var(--blue-principal) !important;
   color: var(--black-principal) !important;
   font-weight: 600;
}
.onsale, .product-label, .wc-block-grid__product-onsale {
    background-color: var(--blue-principal) !important;
}
.content-area .summary .onsale,
.summary .onsale {
   color: var(--blue-secondaire) !important;
}
.woocommerce-tabs .tabs li a::after, .commercekit-atc-tab-links li a:after {
   border-color: var(--blue-principal) !important;
}
ul.products {
	row-gap: 40px;
}
.static-cta-buttons ul.products li.product.cgkit-swatch-hover, body:not(.static-cta-buttons) ul.products li.product {
   align-self: stretch !important;
}
ul.products li.product .button:hover, 
.product .cart .single_add_to_cart_button:hover {
 background: var(--blue-secondaire) !important;
}
ul.products li.product:not(.product-category):before {
	border-radius: 8px !important;
}
ul.products li.product .shoptimizer-plp-image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 260px;
	width: 100%;
	background: #E7ECEC;
	border-radius: 8px;
}
ul.products li.product img {
	height: 220px !important;
	width: auto;
}
ul.products li.product  .woocommerce-loop-product__title a,
ul.products li.product .price ins,
.price ins {
	color: var(--black-principal) !important;
    font-weight: 600;
}
.category-carousel .slick-arrow {
	position: absolute;
	top: 40%;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 64px;
    height: 64px;
    overflow: hidden;
	z-index: 1;
}
.category-carousel .slick-arrow:before {
	content: '' !important;
}

.category-carousel .slick-next.slick-arrow {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-right-normal.png);
	right: -2% !important;
}

.category-carousel .slick-next.slick-arrow:hover {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-right-hover.png);
	right: -2% !important;
}

.category-carousel .slick-prev.slick-arrow {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-left-normal.png);
	left: -2% !important;
}

.category-carousel .slick-prev.slick-arrow:hover {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-left-hover.png);
	left: -2% !important;
}

.category-carousel .category-slide.slick-slide a {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
	margin: 0 6px;
    border: solid 1px #E7ECEC;
    border-radius: 10px;
	height: 240px;
}

.category-carousel .category-slide.slick-slide a:hover {
	border-color: var(--black-principal);
}

.category-carousel .category-slide.slick-slide a img {
	height: 162px !important;
	width: auto;
}

.category-carousel .category-slide.slick-slide a p {
	font-size: 15px !important;
	font-weight: 600;
	color: var(--black-principal) !important;
	text-align: center;
	line-height: 21px;
	padding: 6px;
}

.nos-marques .wpcp-carousel-section .wpcp-single-item {
	padding: 20px 8px;
	border: 1px solid #E7ECEC !important;
  border-radius: 8px;
}

.nos-marques .wpcp-carousel-section .wpcp-single-item:hover {
	border-color: var(--black-principal) !important;
}

.nos-marques #sp-wp-carousel-free-id-7266.sp-wpcp-7266 .swiper-button-prev i,
.nos-marques #sp-wp-carousel-free-id-7266.sp-wpcp-7266 .swiper-button-next i {
	display: none;
}

.nos-marques #sp-wp-carousel-free-id-7266.sp-wpcp-7266 .swiper-button-prev,
.nos-marques #sp-wp-carousel-free-id-7266.sp-wpcp-7266 .swiper-button-next {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-right-normal.png);
	background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 64px;
  height: 64px;
  overflow: hidden;
	z-index: 1;
}

.nos-marques #sp-wp-carousel-free-id-7266.sp-wpcp-7266 .swiper-button-prev {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-left-normal.png) !important;
}

.nos-marques #sp-wp-carousel-free-id-7266.sp-wpcp-7266 .swiper-button-prev:hover {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-left-hover.png) !important;
}
.nos-marques #sp-wp-carousel-free-id-7266.sp-wpcp-7266 .swiper-button-next:hover {
	background-image: url(https://koopchef.serverweb-prod.com/wp-content/uploads/2025/05/arrow-right-hover.png); 
}

.wpml-ls-legacy-dropdown{
	font-size:13px;
}
.wpml-ls-legacy-dropdown a { 
    height: 26px;
    border-radius: 4px;
    font-size: 13px;
}
@media (max-width: 600px) {
	ul.products li.product .shoptimizer-plp-image-wrapper {
		height: 200px !important;
	}
	ul.products li.product img {
		height: 160px !important;
	}
}