/*
Theme Name:     Electromax
Template:       shoptimizer
Version:        1.0.0
Text Domain: electromax
*/

:root {
	--black-principal: #111;
	--blue-principal: #1A0A56;
	--blue-principal-text: #1A0A56;
	--blue-secondaire: #ECF0FF;
	--blue-secondaire-text: #ECF0FF;
	--rose-principal: #F8D8F6;
	--rose-principal-text: #F8D8F6;
	--fuchsia-principal: #E21A85;
	--fuchsia-principal-text: #E21A85;

	--fuchsia-secondaire-text: #D12581;
	--fuchsia-secondaire: #D12581;

	--color-secondaire: #cccccc;
	--color-gris: #666666;
	--second-gris: #f4f4f4;
	--white: #ffffff;
}

.hide {
	display: none !important;
}

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

footer.site-footer .contact-item {
	margin-bottom: 12px;
}

footer.site-footer .contact-item,
footer.site-footer .contact-item .opening-hours li {
	font-size: 12px;
}

/***** end footer *****/

/***** start header *****/
.header-widget-region {
	background-color: var(--rose-principal) !important;
}

.header-widget-region,
.header-widget-region a {
	color: var(--blue-principal-text) !important;
}

.site-header .site-branding {
	width: 260px;
}

.site-header .custom-logo-link img {
	height: auto !important;
	width: 100%;
}

.shoptimizer-cart a.cart-contents .count {
	color: var(--rose-principal-text) !important;
	border-color: var(--rose-principal) !important;
}

.shoptimizer-cart a.cart-contents .count:after {
	border-color: var(--rose-principal) !important;
}

.shoptimizer-cart a.cart-contents:hover .count {
	color: var(--blue-principal-text) !important;
	background-color: var(--rose-principal) !important;
}

.site-search form {
	margin: 0;
}

.site-search input[type="search"] {
	font-size: 16px !important;
	border: 1px solid var(--blue-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(--blue-principal-text) !important;
}

.site-header .secondary-navigation .menu-item {
	border: none;
}

.mobile-extra {
	display: 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;
}

.archive header.woocommerce-products-header,
.archive .shoptimizer-category-banner {
	display: none !important;
	/* background-color: var(--rose-principal); */
	background-color: white;
	min-height: 200px;
	height: 360px;
	max-height: 360px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 40px;
	/* border-bottom: 1px solid var(--rose-principal); */
	border-bottom: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 1px 27px 0 rgba(0, 0, 0, 0.05);
	padding: 38px 16px;
}

.archive .wpc-custom-selected-terms {
	display: none;
}

.archive header.woocommerce-products-header a {
	color: var(--fuchsia-principal-text);
	font-size: 15px;
	text-decoration: underline;
}

.archive header.woocommerce-products-header img.cg-cat-image {
	height: 100%;
	width: initial;

	object-fit: contain;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-noreviews a,
p.no-comments a,
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-noreviews a:hover,
p.no-comments a:hover {
	background: transparent !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(--blue-principal-text) !important;
}

#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(--blue-principal-text) !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: var(--rose-principal);
}

#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: auto;
	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: var(--rose-principal); */
	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(--blue-principal-text) !important;
	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(--blue-principal-text) !important;
	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(--blue-principal-text) !important;
}

#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(--blue-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(--fuchsia-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(--fuchsia-principal);
	}

	#koopchef-header .koopchef_navigation_menu .koopchef_primary_button a {
		color: var(--white) !important;
		text-decoration: none;
	}

	#koopchef-header .koopchef_navigation_menu .koopchef_primary_button i {
		color: var(--white) !important;
		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 {
	display: none;
}

.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: var(--blue-principal);
}

.summary h1 {
	font-size: 28px !important;
	padding-right: 0 !important;
}

.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(--fuchsia-principal-text) !important;
}

.woocommerce-tabs .panel ul li p {
	margin: 0;
	padding: 0;
}

.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(--fuchsia-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(--fuchsia-principal) !important;
	color: var(--white) !important;
	font-weight: 600;
	border-radius: 6px;
}

.widget_shopping_cart a.button.checkout {
	border-color: transparent !important;
}

ul.checkout-bar:before,
.woocommerce-checkout .checkout-bar li.active:after,
ul.checkout-bar li.visited:after {
	background-color: var(--rose-principal) !important;
}

ul.checkout-bar:before,
.woocommerce-checkout .checkout-bar li.active:after,
ul.checkout-bar li.visited:after {
	background-color: var(--rose-principal) !important;
}

.product-label.type-bubble,
li.product .onsale {
	left: auto;
	right: 10px;
	top: initial;
	bottom: 10px;
}

.onsale,
.product-label,
.wc-block-grid__product-onsale {
	color: var(--white) !important;
	background-color: var(--fuchsia-principal) !important;
}

.content-area .summary .onsale,
.summary .onsale {
	color: var(--white) !important;
	background-color: var(--fuchsia-principal) !important;
	padding: 4px 8px;
	border-radius: 4px;
	margin-bottom: 6px;
	display: inline-block;
}

.woocommerce-tabs .tabs li a::after,
.commercekit-atc-tab-links li a:after {
	border-color: var(--blue-principal) !important;
}

ul.products {
	row-gap: 40px;
}

.site .elementor-products-grid ul.products.elementor-grid li.product {
	padding-top: 15px;
	padding-bottom: 15px !important;
	border: 1px solid #ecf0ff;
}

.static-cta-buttons ul.products li.product.cgkit-swatch-hover,
body:not(.static-cta-buttons) ul.products li.product {
	align-self: stretch !important;
}

.button:hover,
input[type=submit]:hover,
ul.products li.product .button:hover,
.commercekit-wishlist-table button:hover,
.woocommerce #respond input#submit.alt:hover,
.product .cart .single_add_to_cart_button:hover,
.widget_shopping_cart a.button.checkout:hover,
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper li a.added_to_cart:hover,
.site div.wpforms-container-full .wpforms-form button[type=submit]:hover,
ul.products li.product .added_to_cart:hover,
ul.wc-block-grid__products .wp-block-button__link:hover,
.woocommerce-cart p.return-to-shop a:hover,
.elementor-row .feature a:hover,
.image-feature figcaption span:hover,
.wp-element-button.wc-block-cart__submit-button:hover,
.wp-element-button.wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
.product-label:hover,
.wc-block-grid__product-onsale:hover,
.call-back-feature button:hover {
	background: var(--fuchsia-secondaire) !important;
	/* color: var(--blue-principal-text) !important; */
}

.site-content .widget li .product-title,
.widget li .product-title {
	font-size: 11px;
	font-weight: 600;
}

ul.products li.product:not(.product-category):before {
	border-radius: 8px !important;
}

.shoptimizer-sorting {
	margin-bottom: 40px;
}

ul.products li.product {
	margin-bottom: 16px;
}

ul.products li.product .shoptimizer-plp-image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	height: 275px;
	width: 100%;
	background: var(--blue-secondaire);
	border-radius: 8px;
}

ul.products li.product img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

ul.products li.product .price {
	font-size: 16px !important;
	font-weight: 700;
}

ul.products li.product .woocommerce-loop-product__title a,
ul.products li.product .price ins,
.price ins {
	color: var(--blue-principal-text) !important;
}

ul.products li.product .price ins,
.price ins {
	font-weight: bold;

}

/* Limit WooCommerce product titles to one line */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	/* number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	/* keeps words wrapping naturally */
}

.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://electromax.ma/wp-content/uploads/2025/08/arrow-right-normal.png);
	right: -2% !important;
}

.category-carousel .slick-next.slick-arrow:hover {
	background-image: url(https://electromax.ma/wp-content/uploads/2025/08/arrow-right-hover.png);
	right: -2% !important;
}

.category-carousel .slick-prev.slick-arrow {
	background-image: url(https://electromax.ma/wp-content/uploads/2025/08/arrow-left-normal.png);
	left: -2% !important;
}

.category-carousel .slick-prev.slick-arrow:hover {
	background-image: url(https://electromax.ma/wp-content/uploads/2025/08/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(--blue-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(--blue-principal-text) !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(--blue-principal) !important;
}

.nos-marques .wpcp-carousel-section .wpcp-single-item:hover img {
	transform: none !important;
}

.nos-marques .swiper-button-prev i,
.nos-marques .swiper-button-next i {
	display: none;
}

.nos-marques .swiper-button-prev,
.nos-marques .swiper-button-next {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	width: 64px !important;
	height: 64px !important;
	overflow: hidden !important;
	z-index: 1;
}

.nos-marques .swiper-button-prev {
	background-image: url(https://electromax.ma/wp-content/uploads/2025/08/arrow-left-normal.png) !important;
}

.nos-marques .swiper-button-prev:hover {
	background-image: url(https://electromax.ma/wp-content/uploads/2025/08/arrow-left-hover.png) !important;
}

.nos-marques .swiper-button-next {
	background-image: url(https://electromax.ma/wp-content/uploads/2025/08/arrow-right-normal.png) !important;
}

.nos-marques .swiper-button-next:hover {
	background-image: url(https://electromax.ma/wp-content/uploads/2025/08/arrow-right-hover.png) !important;
}

.wpml-ls-legacy-dropdown {
	font-size: 13px;
}

.wpml-ls-legacy-dropdown a {
	height: 26px;
	border-radius: 4px;
	font-size: 13px;
}

.wa__button {
	min-height: 52px !important;
}

.wa__btn_w_icon .wa__btn_txt {
	padding: 8px 20px 8px 70px !important;
}

@media (max-width: 600px) {
	ul.products li.product .shoptimizer-plp-image-wrapper {
		height: 200px !important;
	}

	ul.products li.product img {
		height: 160px !important;
	}
}

@media (max-width: 992px) {

	.site-header .site-branding {
		width: 100%;
	}

	.site-header .custom-logo-link img {
		height: 32px !important;
		width: initial;
	}


	.archive header.woocommerce-products-header,
	.archive .shoptimizer-category-banner {
		padding: 40px 24px;
		max-height: initial;
	}


}

@media (min-width: 993px) {

	.main-navigation ul li.menu-item>a {
		margin: 0;
		display: block;
	}
}