/* Full Width Section */

.full-bleed {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* DEFAULT BUTTON HOVER EFFECT */

.elementor-button {
	    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.elementor-button:hover {
	transform: scale(1.05);
}

/* HEADER */

.Categorie-megamenu:hover div p{
	color: #AD7655 !important;
}

/* MegaMenu Ekit shadow */

  .ekit-nav-dropdown-hover 
  .elementskit-dropdown-has 
  .elementskit-megamenu-panel,
  .ekit-nav-dropdown-hover 
  .elementskit-dropdown-has 
  .elementskit-dropdown.megamenu-panel,
  .ekit-nav-dropdown-hover 
  .elementskit-megamenu-has 
  .elementskit-submenu-panel {
    -webkit-box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);
    box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);
    transform: translateY(-10px);
  }


/* News Letter */

    .Newsletter {
        font-family: Arial;
        font-size: 15px;
    }
    
    .NL-email {
				margin: 0px;
        width: 100%;
        padding: 5px 10px;
        margin-bottom: 20px;
        text-align: center;
        border: solid 1px black;
        border-radius: 3px;
    }
    
    .NL-button {
				margin: 0px;
			  margin-top: 10px !important;
        padding: 4px 60px !important;
        background-color: #FFF7EF !important;
				color: #23452B !important;
        display: inline-block;
        vertical-align: middle;
        transform: perspective(1px) translateZ(0px);
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px;
        transition-duration: 0.3s;
        transition-property: box-shadow;
    }
    
    .NL-button:hover {
        box-shadow: rgba(0, 0, 0, 0.6) 5px 5px 5px;
    }
    
    .NL-container {
        display: flex;   
        flex-direction: column;
    }

	.NL-container div {
			margin: 0px;
		  margin-top: 5px;
			width: 100%;
			display: flex;
			justify-content: end;
	}

.wpforms-container {
	margin: 0px !important;
	padding: 0px !important;
}

#wpforms-641-field_1-container{
	padding: 0px !important;
}

.wpforms-container .wpforms-field input,
.wpforms-container .wpforms-field textarea {
  width: 100% !important;
  border-radius: 5px !important;
  border: 1px solid #ddd !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
}

#LiensUtilesFooter ul li {
	cursor: pointer;
}



/* === MAWROUT BLADI — PRODUCT CARDS UPGRADE (Blocksy free) === */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.products .product {
  background: #fff;
  border: 1px solid rgba(17,17,17,0.06);
  border-radius: 20px;
  padding: 16px 16px 18px;

  /* shadow more "real" and softer */
  box-shadow:
    0 2px 6px rgba(17,17,17,0.04),
    0 12px 28px rgba(17,17,17,0.06);

  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  overflow: hidden;
  position: relative;

  /* important for consistent layout + CTA pinned bottom */
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Hover: subtle lift, not too "floaty" */
.woocommerce ul.products li.product:hover,
.products .product:hover {
  transform: translateY(-4px);
  border-color: rgba(17,17,17,0.10);
  box-shadow:
    0 6px 14px rgba(17,17,17,0.06),
    0 18px 40px rgba(17,17,17,0.10);
}

/* Image block */
.woocommerce ul.products li.product a img,
.products .product a img {
  border-radius: 16px;
  width: 100%;

  /* keep your packaging nicely visible (not too cropped) */
  aspect-ratio: 4 / 3;
  object-fit: cover;

  background: #f7f4ee; /* subtle warm fallback */
  transition: transform .35s ease;
}

.woocommerce ul.products li.product:hover a img,
.products .product:hover a img {
  transform: scale(1.04);
}

/* BRAND | CATEGORY line (PHP output) */
.mb-brand-cat {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #2f2f2f;
  margin: 10px 0 4px;
  line-height: 1.2;

  display: flex;
  flex-wrap: wrap;
  gap: .4em;
  align-items: center;
}
.mb-brand-cat .sep { opacity: .5; }

/* Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products .product .woocommerce-loop-product__title {
  font-size: 17.5px;
  font-weight: 700;
  line-height: 1.35;
  margin: 4px 0 8px;
  color: #111;

  min-height: 52px; /* alignment across grid */
}

/* Price — closer to title, clearer */
.woocommerce ul.products li.product .price,
.products .product .price {
  font-size: 16.5px;
  font-weight: 700;
  color: #1f3d2b;
  margin: 0;
}

/* Ligne Price + Quantity */
.mb-price-qty-row {
	min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 2px 0 12px; /* espace au-dessus et en dessous de la ligne */
	flex-wrap: wrap;
}


/* Push CTA to bottom for all cards */
.ct-woo-card-actions { margin-top: auto; width: 100%; }

/* Add to cart button */
.woocommerce ul.products li.product .button,
.products .product .button {
  width: 100%;
  border-radius: 14px;
  background: #1f3d2b;
  color: #fff !important;
  font-weight: 700;
  padding: 12px 14px;
  text-align: center;

  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 6px 14px rgba(31,61,43,0.18);
}

.woocommerce ul.products li.product .button:hover,
.products .product .button:hover {
  background: #163022;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(31,61,43,0.25);
}

/* Style the "Voir le panier" link */
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
  width: 100% !important;
  display: block;
  border-radius: 14px !important;
  font-weight: 700 !important;
  padding: 12px 14px !important;
  text-align: center !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
  box-shadow: 0 6px 14px rgba(31,61,43,0.18) !important;
}

/* Hover state */
.woocommerce ul.products li.product a.added_to_cart.wc-forward:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(31,61,43,0.25) !important;
}

/* Sale badge refined */
.woocommerce span.onsale {
  background: #e07a3f;
  color: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  top: 12px !important;
  left: 12px !important;
  box-shadow: 0 6px 12px rgba(224,122,63,0.35);
}

/* Rating */
.woocommerce .star-rating {
  font-size: 12px;
  margin: 2px 0 8px;
}

/* Quantity control */

.mb-loop-qty {
  margin-bottom: 0;
	border: 1px solid var(--theme-button-background-initial-color);
	border-radius: 11px;
}

.mb-loop-qty .qty {
  width: 70px;
  text-align: center;
}

/* Rendre visible la quantité sur les cartes produits (loop) */
.mb-loop-qty .quantity[data-type="type-2"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
	height: 40px;
	width: 110px;
}

/* On reset agressivement les styles de Blocksy sur l'input */
.mb-loop-qty .quantity[data-type="type-2"] .qty {
  all: unset !important;
  display: inline-block !important;
  width: 2.5rem !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  background: transparent !important;
}

/* On garde les boutons +/- comme ils sont */
.mb-loop-qty .quantity[data-type="type-2"] .ct-increase,
.mb-loop-qty .quantity[data-type="type-2"] .ct-decrease {
  flex: 0 0 auto;
  cursor: pointer;
}

/* Cache le prix "ancien" directement sous le titre,
   mais garde notre prix dans .mb-price-qty-row */
.woocommerce ul.products li.product > .price {
  display: none;
}




/* ✅ GAP TOP sur pages WooCommerce système (Blocksy) */
body.woocommerce-cart .ct-container-full,
body.woocommerce-account .ct-container-full,
body.single-product .ct-container-full,
body.woocommerce-checkout .ct-container-full {
  padding-top: 40px !important;   /* ajuste ici */
  margin-top: 0 !important;
}

/* Backup: si Blocksy injecte un padding inline ailleurs, on force un spacer */
body.woocommerce-cart .ct-container-full::before,
body.woocommerce-account .ct-container-full::before,
body.single-product .ct-container-full::before,
body.woocommerce-checkout .ct-container-full::before {
  content: "";
  display: block;
  height: 40px;                  /* même valeur */
}


/* ✅ GAP TOP sur pages archive WooCommerce (boutique + catégories + tags) *//* ✅ GAP TOP sur pages WooCommerce "contenu" uniquement (pas le header) */

/* Cart / Account / Single product / Checkout */
body.woocommerce-cart main .ct-container-full,
body.woocommerce-account main .ct-container-full,
body.single-product main .ct-container-full,
body.woocommerce-checkout main .ct-container-full {
  padding-top: 40px !important;
  margin-top: 0 !important;
}

body.woocommerce-cart main .ct-container-full::before,
body.woocommerce-account main .ct-container-full::before,
body.single-product main .ct-container-full::before,
body.woocommerce-checkout main .ct-container-full::before {
  content: "";
  display: block;
  height: 40px;
}

/* Boutique + catégories + tags produit */
body.post-type-archive-product main .ct-container,
body.tax-product_cat main .ct-container,
body.tax-product_tag main .ct-container,
body.woocommerce-shop main .ct-container,
body.woocommerce-archive main .ct-container,
body.tax-marque main .ct-container,
body.tax-product_brand main .ct-container {
  padding-top: 40px !important;
  margin-top: 0 !important;
}


/* ********* Product Page ********* */

.single-product .summary.entry-summary .woocommerce-product-details__short-description p {
	font-family: Roboto slab;
}

/* Single product – inline meta (category | brand) */
.single-product .mb-product-meta-inline {
  margin-bottom: 3px !important;
  font-size: 12px;
  color: #555;
  font-weight: 500;
}

/* Links inside meta */
.single-product .mb-product-meta-inline a {
  color: #1f3d2b;
  text-decoration: none;
}

.single-product .mb-product-meta-inline a:hover {
  text-decoration: underline;
}



/* ********* Shop Page ********* */


/****** SideBar ******/
/* Checkbox + radio basic look */
body.post-type-archive-product #sidebar input[type="checkbox"],
body.post-type-archive-product #sidebar input[type="radio"]{
  accent-color: #245D35; /* main green */
  width: 17px;
  height: 17px;
}

/* Each line of filter option */
body.post-type-archive-product #sidebar .wpc-filters-ul-list .wpc-checkbox-item{
  margin-bottom: 4px;
}

/* Align text + count nicely */
body.post-type-archive-product #sidebar .wpc-filters-ul-list label{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  cursor: pointer;
}

/* Remove link underline + unify color */
body.post-type-archive-product #sidebar .wpc-filters-ul-list .wpc-filter-link{
  text-decoration: none;
  color: #1f1f1f;
}

/* Count in a small pill */
body.post-type-archive-product #sidebar .wpc-term-count{
  background: #F0DFC8;
  border-radius: 999px;
  padding: 1px 5px;
  font-size: 12px;
}


/* Order Page */
.wc-block-components-payment-method-label {
	font-weight: 700;
}