/*
Theme Name: Azza Food
Theme URI: https://mesbah.art/
Description: Divi Child Theme
Author: Mohamed Habib Mesbah
Author URI: https://mesbah.art/
Template: Divi
Version: Updated for Divi 4
*/

/*****Add any custom CSS below this line*****/
* {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-rendering: auto;
	text-rendering: optimizeSpeed;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
}

.preloader {
	position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fff;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
} 

.preloader .sprite {
width: 96px;
height: 96px;
position: absolute;
left: 50%;
top: 50%;
margin: -48px 0 0 -48px;
background-image : url(../../uploads/2025/06/logo-azza-food-ar.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

/*** BOUTIQUE ***/

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	position: relative;
	border-radius: 10px  10px 0 0;
	background-color: white;
}

.woocommerce ul.products li.product:after, .woocommerce-page ul.products li.product:after {
	content: '';
 	position: absolute;
  	bottom: -20px;
  	left: 0;
  	width: 100%;
  	height: 40px;
  	background: #fff;
  	border-bottom-left-radius: 100% 100%;
  	border-bottom-right-radius: 100% 100%;
  	z-index: -1;
}

.wpfFilterWrappe, .wpfShowCount {
	padding: 0 2em 0 0 !important;
}

.wpfFilterVerScroll {
	padding-left: 0!important;
}

.wpfFilterWrapper ul:not(.wpfButtonsFilter) li {
	background: white;
	border-radius: 1.5em;
	line-height: 3em;
	margin-bottom: .6em;
}

.wpfFilterWrapper label {
	padding-left: 1em;
}

.blurb_category .et_pb_blurb_container {
	vertical-align: middle !important;
}

.blurb_category .et_pb_blurb_container h4 {
	margin: 0;
	padding-bottom: 0;
}

.woocommerce-ordering {
  display: none !important;
}

.woocommerce-result-count {
    font-size: 12px !important;
    color: #633 !important;
    font-style: italic;
}

/* AWS */
.aws-container .aws-search-field,
.aws-container .aws-search-field::-webkit-input-placeholder {
    color: #633;
}
.aws-container .aws-show-clear .aws-search-field,
.aws-container .aws-search-form .aws-form-btn {
    border: none !important;
}
.aws-container .aws-search-field {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.aws-container .aws-search-form .aws-search-btn.aws-form-btn {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.aws-container .aws-search-form .aws-form-btn {
    background: #fff !important;
}
.aws-container .aws-search-form .aws-search-btn_icon {
	color: #633 !important;
}
.aws_result_link a {
	display: flex;
	align-items: center;
}
.aws_result_title {
	color: #633 !important;
}

/* Checkbox en forme de cercle */
#wpfBlock_1 .wpfCheckbox input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: #fff;
  border: 1px solid #633;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  margin-top: 0;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* Coche activée : rond plein */
#wpfBlock_1 .wpfCheckbox input[type="checkbox"]:checked {
  background-color: #633;
  border: 1px solid #633;
}

/* Pour dessiner un petit rond intérieur (check visuel simple) */
#wpfBlock_1 .wpfCheckbox input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
	background: url(../../uploads/2025/07/check-fat-fill.svg) center no-repeat;
	background-size: contain;
  display: none;
}

#wpfBlock_1 .wpfCheckbox input[type="checkbox"]:checked::after {
  display: block;
}

/* Changer aussi la couleur du texte sélectionné */
#wpfBlock_1 .wpfFilterTaxNameWrapper {
  color: #633;
  font-weight: 600;
}

#wpfBlock_1 .wpfCount {
	color: #633;
	font-size: .8em;
	margin-bottom: .1em;
	margin-left: 0;
	padding-left: 0.5em;
}

/*** WOO CATEGORIES SLIDER ***/
.category_items_loop img {
	width: 72px !important;
	margin: 0 auto;
}

/*** WOO FEATURED SLIDER***/
.woo_slider .woocommerce-loop-product__title {
	color: #633;
	font-size: 1.2em !important;
	font-weight: 300;
	padding: 0 20px 1em !important;
	text-align: center;
	line-height: 1.2em;
	transition: all .4s ease-out;
}
.woo_slider li.product:hover .woocommerce-loop-product__title {color:#bd1208}
.woo_slider li.product:hover .et_overlay {display: none;}
.woo_slider li.product .et_shop_image img {transform: scale(1);	transition: all .4s ease-out;}
.woo_slider li.product:hover .et_shop_image img {transform: scale(.8);}

/*** ***/
@media all and (min-width: 981px) {
	.woo_listing ul.products {
		display: grid;
        grid-template-columns: repeat(3, 1fr);
	}
	.woo_listing ul.products:before {
		display: none;
	}
	.woo_listing ul li.product {
		width: 90% !important;
	}
	.woo_slider .wcpscwc-product-slider .products li {
		margin: 0 15px !important;
	}
}