:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(49,55,60);
	--wd-text-font-size: 14px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(49,55,60);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(49,55,60);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(49,55,60);
	--wd-alternative-color: rgb(243,230,214);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(49,55,60);
	--btn-accented-bgcolor-hover: #31373C;
	--btn-accented-color: rgb(243,230,214);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(52,57,59);
	--wd-link-color-hover: rgb(52,57,59);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://www.equipements-zakaria.ma/wp-content/uploads/2021/09/retail-popup-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(49,55,60);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 16px;
	color: rgb(49,55,60);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(49,55,60);
	--wd-form-placeholder-color: rgba(0,0,0,0.57);
	--wd-form-brd-color: rgb(49,55,60);
	--wd-form-brd-color-focus: rgb(49,55,60);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 2px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 30px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ============================================================
   ÉQUIPEMENTS ZAKARIA DU NORD — CSS CONSOLIDÉ
   Version : 2026-10-15
   WoodMart / WooCommerce / OneClick Chat to Order
   Remplacer les anciennes règles personnalisées par ce fichier.
   Faire une sauvegarde et tester sur staging avant production.
   ============================================================ */

:root {
  --ez-navy: #071b2d;
  --ez-gold: #c79a3b;
  --ez-white: #ffffff;
  --ez-muted: #7c8796;
  --ez-border: #e7e9ed;
  --ez-whatsapp: #19c765;
  --ez-whatsapp-hover: #159b4a;
}

/* ========== 1. SITE, HEADER, NAVIGATION ========== */
.home .main-page-wrapper { padding-top: 0 !important; }
.site-content.shop-content-area { background-color: #fff; }
.free-delivery::before {
  content: url('https://www.equipements-zakaria.ma/wp-content/uploads/2023/10/free-delivery-icon-top-header-1.svg');
  display: inline-block;
  margin-right: 10px;
}
.elementor-4188 .elementor-element.elementor-element-ad44400 .wd-button-wrapper a:hover {
  background-color: #fff !important;
}
.top-bar { text-transform: uppercase; font-weight: 600; }
.wd-cat .wd-entities-title {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 20px;
  background-color: #31373cd1 !important;
  color: #f5d9bb !important;
}
.wd-tools-element > a { color: rgb(243, 230, 214) !important; }
.wd-toolbar { background-color: var(--e-global-color-primary) !important; }
.promo-main-menu a { color: red !important; }
.wd-nav-mob-tab > li { flex: 1 0 100% !important; max-width: 100% !important; }
.wd-header-cart { display: none !important; }
.wd-header-cart.wd-design-2 .wd-cart-number,
.wd-header-cart.wd-design-5 .wd-cart-number {
  position: absolute; top: -5px; inset-inline-end: -9px; z-index: 1;
  width: 15px; height: 15px; border-radius: 50%;
  background-color: rgb(149 104 18) !important;
  color: #fff; text-align: center; letter-spacing: 0;
  font-weight: 400; font-size: 9px; line-height: 15px;
}
.wd-all-open-title { display: none; }
.page-id-22563 .wd-content-layout,
.page-id-23131 .wd-content-layout { padding-block: 0 !important; }

/* ========== 2. FOOTER ========== */
.footer-links { color: #fff; }
.footer-links .wd-sub-menu li > a { color: #fff; }
.footer-links .wd-sub-menu li > a:hover { color: #f5d9bb !important; }

/* ========== 3. GOOGLE RATING HEADER ========== */
.ez-top-google-rating {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-height: 36px; color: #fff;
  font-size: 15px; font-weight: 500; text-decoration: none; line-height: 1;
}
.ez-top-google-rating:hover { color: #fff; text-decoration: none; opacity: .95; }
.ez-google-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: #fff; color: #4285f4; font-size: 14px; font-weight: 800;
}
.ez-stars { color: #d9a441; letter-spacing: 2px; font-size: 16px; }
.ez-review-count { color: #e8edf2; }
@media (max-width: 768px) {
  .ez-top-google-rating {
    height: 28px; min-height: 28px; font-size: 12px;
    padding: 0 8px; overflow: hidden; white-space: nowrap;
  }
  .ez-stars { font-size: 12px; letter-spacing: 1px; }
  .ez-review-count { display: none; }
}

/* ========== 4. FICHE PRODUIT ET TABLE ATTRIBUTS ========== */
div.quantity, .wd-sticky-btn p.stock, p.stock { display: none !important; }
.woocommerce-mini-cart__buttons .btn-cart { display: none !important; }
.single-product .cart .wa-order-button.single_add_to_cart_button,
.single-product form.cart .wa-order-button.single_add_to_cart_button { width: 100%; }
.product-template-default #sendbtn { display: none; }
.single-product .summary .price .amount { font-size: 26px; }
.woocommerce-product-attributes tbody tr:nth-child(even) { background-color: #f3e6d6; }
.shop_attributes tr {
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: var(--wd-attr-brd-width) var(--wd-attr-brd-style) var(--wd-attr-brd-color);
  padding: 20px; font-weight: 600; font-size: 16px; margin-bottom: 0;
}
.shop_attributes tbody { margin-bottom: 0; }


/* ========================================
   EQUIPEMENTS ZAKARIA DU NORD
   Masquer panier / Lire la suite
   Conserver OneClick Chat to Order
======================================== */

/* Boutons natifs WoodMart */
.wd-products .wd-product .wd-add-btn,
.wd-products .wd-product .wd-product-footer .wd-add-btn {
    display: none !important;
}

/* Boutons WooCommerce natifs des miniatures */
.wd-products .wd-product a.add-to-cart-loop,
.wd-products .wd-product a.ajax_add_to_cart {
    display: none !important;
}

/* Cibler uniquement le panier, pas WhatsApp */
.wd-products .wd-product
a.add_to_cart_button:not(.wa-shop-button) {
    display: none !important;
}

/* Masquer le conteneur des actions si inutile */
.wd-products .wd-product .wd-product-footer {
    display: none !important;
}

/* Préserver le bouton WhatsApp */
.wd-products .wd-product a.wa-shop-button {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0 !important;
    background: #19C765 !important;
    color: #FFFFFF !important;
    border-radius: 9px !important;
}

/* =========================================
   ZAKARIA - BADGES PREMIUM ALIGNÉS
========================================= */

/* Important : la zone image doit servir de repère */
.wd-products .wd-product .wd-product-thumb {
  position: relative;
}

/* Conteneur des badges */
.wd-products .wd-product .wd-product-thumb .product-labels.labels-rounded {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 6 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  width: auto !important;
  max-width: calc(100% - 24px) !important;
  pointer-events: none;
}

/* Base commune */
.wd-products .wd-product .product-labels .product-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  min-height: unset !important;
  max-width: 100% !important;
  aspect-ratio: auto !important;

  padding: 10px 16px !important;
  border-radius: 999px !important;

  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  writing-mode: horizontal-tb !important;
  text-transform: uppercase !important;

  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;

  box-shadow: none !important;
  transform: none !important;
}

/* Variante : EN RUPTURE */
.wd-products .wd-product .product-labels .out-of-stock {
  background: #F2E7D8 !important;
  color: #8A6642 !important;
  border: 1px solid #E4D2BC !important;
}

/* Variante : PROMO */
.wd-products .wd-product .product-labels .onsale {
  background: #C99A35 !important;
  color: #FFFFFF !important;
  border: 1px solid #C99A35 !important;
}

/* Petit pictogramme rond avant le texte */
.wd-products .wd-product .product-labels .out-of-stock::before,
.wd-products .wd-product .product-labels .onsale::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 18px;
  height: 18px;
  border-radius: 50%;

  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  flex: 0 0 18px;
}

/* Icône rupture */
.wd-products .wd-product .product-labels .out-of-stock::before {
  content: "!";
  background: transparent;
  color: #8A6642;
  border: 1px solid #CDB08A;
}

/* Icône promo */
.wd-products .wd-product .product-labels .onsale::before {
  content: "%";
  background: transparent;
  color: #FFFFFF;
  border: 1px solid rgba(255,255,255,.55);
}

/* Cas où un seul badge existe */
.wd-products .wd-product .product-labels .product-label:only-child {
  margin-right: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .wd-products .wd-product .wd-product-thumb .product-labels.labels-rounded {
    top: 8px !important;
    left: 8px !important;
    gap: 6px !important;
    max-width: calc(100% - 16px) !important;
  }

  .wd-products .wd-product .product-labels .product-label {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  .wd-products .wd-product .product-labels .out-of-stock::before,
  .wd-products .wd-product .product-labels .onsale::before {
    width: 16px;
    height: 16px;
    font-size: 10px;
    flex: 0 0 16px;
  }
}


/* =========================================
   EQUIPEMENTS ZAKARIA
   BOUTON WHATSAPP PREMIUM V2.1
========================================= */

/* Bouton WhatsApp dans les miniatures */
body .product-grid-item a#sendbtn.wa-shop-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 14px !important;

    background: #128C7E !important;
    color: #FFFFFF !important;

    border: none !important;
    border-radius: 12px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: 0 3px 10px rgba(18,140,126,.18) !important;
    transition: background .2s, transform .2s, box-shadow .2s;
}

/* Hover */
body .product-grid-item a#sendbtn.wa-shop-button:hover {
    background: #075E54 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(7,94,84,.22) !important;
}

/* Mobile */
@media (max-width: 767px) {
    body .product-grid-item a#sendbtn.wa-shop-button {
        min-height: 42px !important;
        padding: 8px 6px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }
}


/* =========================================
   ZAKARIA - BADGE PROMO PREMIUM SIMPLE
========================================= */

.wd-products .wd-product .product-labels .onsale {
  background: #C99A35 !important;
  color: #FFFFFF !important;
  border: 1px solid #C99A35 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px 16px !important;
  border-radius: 999px !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  min-height: unset !important;
}

/* Retirer le petit symbole % avant */
.wd-products .wd-product .product-labels .onsale::before {
  content: none !important;
}


/* Prix promotionnel premium */

.wd-products .wd-product .price del {
  display: block !important;
  margin-bottom: 3px !important;
  font-size: 13px !important;
  line-height: 1.3;
  opacity: 1 !important;
}

.wd-products .wd-product .price del *,
.wd-products .wd-product .price del .amount {
  color: #98A2B3 !important;
  font-size: 13px !important;
}

.wd-products .wd-product .price ins {
  display: block !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.wd-products .wd-product .price ins *,
.wd-products .wd-product .price ins .amount {
  color: #071B2D !important;
}
.wd-products .wd-product
.star-rating[aria-label="Note 0 sur 5"] {
  display: none !important;
}

/* ÉQUIPEMENTS ZAKARIA DU NORD — FICHE PRODUIT PREMIUM V1
   À ajouter APRÈS le CSS global. Cible les fiches individuelles uniquement.
   Structure vérifiée : WoodMart 8.6.4 + widgets Elementor + OneClick Chat to Order.
*/
:root { --ez-navy:#071B2D; --ez-muted:#738092; --ez-gold:#C79A3B; --ez-line:#E8ECF0; --ez-wa:#128C7E; --ez-wa-hover:#075E54; }

/* 1. Mise en page : respiration et deux colonnes */
.single-product .main-page-wrapper { background:#fff; }
.single-product .wd-single-gallery .woocommerce-product-gallery { background:#fff; }
.single-product .wd-single-gallery .woocommerce-product-gallery__wrapper {
  border:1px solid var(--ez-line); border-radius:16px; overflow:hidden; background:#fff;
}
.single-product .wd-single-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
  width:100%; height:auto; object-fit:contain;
}
.single-product .wd-single-gallery .wd-gallery-thumb { margin-top:12px; }
.single-product .wd-single-gallery .wd-gallery-thumb .wd-carousel-item img {
  border:1px solid var(--ez-line); border-radius:10px; padding:5px; background:#fff;
}

/* 2. Titre et marque */
.single-product .wd-single-title .product_title {
  color:var(--ez-navy) !important; font-size:clamp(24px,2.1vw,32px) !important;
  line-height:1.24 !important; font-weight:750 !important; letter-spacing:-.025em;
  margin:0 0 14px !important; overflow-wrap:anywhere;
}
.single-product .wd-single-brands img { max-width:110px; max-height:56px; width:auto; height:auto; object-fit:contain; }

/* 3. Bloc prix, avec ancien prix au-dessus */
.single-product .wd-single-price .price {
  display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  margin:14px 0 22px !important; color:var(--ez-navy) !important;
  font-weight:800; font-size:clamp(27px,2.5vw,36px) !important;
  line-height:1.25; text-align:left;
}
.single-product .wd-single-price .price > del { order:0; font-size:16px !important; font-weight:400; opacity:1 !important; }
.single-product .wd-single-price .price > ins { order:1; font-weight:800; text-decoration:none; }
.single-product .wd-single-price .price > del *,
.single-product .wd-single-price .price > del .amount { color:#939DAA !important; font-size:16px !important; }
.single-product .wd-single-price .price > ins *,
.single-product .wd-single-price .price > ins .amount,
.single-product .wd-single-price .price > .amount,
.single-product .wd-single-price .price > .amount * { color:var(--ez-navy) !important; }

/* 4. Statut WooCommerce, uniquement si présent dans le HTML */
.single-product .summary p.stock,
.single-product .wd-single-add-cart p.stock,
.single-product .wd-single-add-cart .stock {
  display:inline-flex !important; align-items:center; width:max-content; max-width:100%;
  border-radius:999px; padding:9px 14px; margin:0 0 14px !important;
  font-size:13px; line-height:1.3; font-weight:700; letter-spacing:0;
}
.single-product .summary .stock.in-stock,
.single-product .wd-single-add-cart .stock.in-stock { color:#13754A !important; background:#E8F8F0; border:1px solid #BBE6D0; }
.single-product .summary .stock.out-of-stock,
.single-product .wd-single-add-cart .stock.out-of-stock { color:#8A6642 !important; background:#F2E7D8; border:1px solid #E4D2BC; }

/* 5. Panier natif masqué visuellement; le bloc WhatsApp reste visible */
.single-product form.cart .quantity,
.single-product form.cart > button.single_add_to_cart_button:not(.wa-order-button),
.single-product form.cart > .single_add_to_cart_button:not(.wa-order-button) { display:none !important; }
.single-product .wd-single-add-cart form.cart { display:flex; flex-direction:column; align-items:stretch; gap:10px; margin:0 0 16px; }
.single-product .wd-single-add-cart form.cart > a.wa-order-class { display:block; width:100%; text-decoration:none; }
.single-product .wd-single-add-cart .wa-order-class .wa-order-button {
  display:flex !important; align-items:center; justify-content:center; gap:10px;
  width:100% !important; min-height:54px; padding:13px 20px;
  border:0 !important; border-radius:11px !important; background:var(--ez-wa) !important;
  color:#fff !important; font-size:16px !important; line-height:1.3; font-weight:700 !important;
  text-transform:none !important; letter-spacing:0 !important; cursor:pointer;
  box-shadow:0 5px 16px rgba(18,140,126,.16);
  transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.single-product .wd-single-add-cart .wa-order-class:hover .wa-order-button {
  background:var(--ez-wa-hover) !important; box-shadow:0 9px 20px rgba(7,94,84,.2); transform:translateY(-1px);
}
.single-product .wd-single-add-cart .wa-order-button:focus-visible,
.single-product .wd-single-add-cart a.wa-order-class:focus-visible { outline:3px solid var(--ez-gold); outline-offset:3px; }

/* 6. Bloc de réassurance, sans promesses nouvelles */
.single-product .reassurances-product { margin-top:20px; padding:16px 12px;
  border:1px solid var(--ez-line); border-radius:14px; background:#FBFCFD;
}
.single-product .reassurances-product .elementor-image-box-title { font-size:13px; line-height:1.4; font-weight:600; color:var(--ez-navy); }
.single-product .reassurances-product .elementor-image-box-img img { width:34px; max-height:34px; object-fit:contain; }
.single-product .product_meta { color:var(--ez-muted); font-size:13px; }
.single-product .product_meta .meta-label { color:var(--ez-navy); font-weight:600; }

@media (max-width:767px) {
  .single-product .wd-single-title .product_title { font-size:23px !important; }
  .single-product .wd-single-price .price { font-size:29px !important; margin:12px 0 18px !important; }
  .single-product .wd-single-add-cart .wa-order-class .wa-order-button { min-height:50px; font-size:14px !important; }
  .single-product .reassurances-product { padding:12px 8px; }
}
@media (prefers-reduced-motion:reduce) {
  .single-product .wd-single-add-cart .wa-order-class .wa-order-button { transition:none; }
}



/* Miniatures WoodMart : cacher uniquement le panier natif */
.wd-products .wd-product .wd-add-btn,
.wd-products .wd-product .wd-add-btn-replace {
    display: none !important;
}

/* Fiches produits : cacher le bouton natif,
   mais préserver le bouton OneClick WhatsApp */
.single-product form.cart
button.single_add_to_cart_button:not(.wa-order-button) {
    display: none !important;
}

/* Conserver explicitement OneClick */
.single-product form.cart .wa-order-button {
    display: inline-flex !important;
}


/* ===========================================
   EQUIPEMENTS ZAKARIA DU NORD
   BADGES FICHE PRODUIT - PREMIUM V2
=========================================== */

/* Galerie : repère pour le positionnement */
.single-product .woocommerce-product-gallery {
    position: relative;
}

/* Conteneur des badges */
.single-product
.woocommerce-product-gallery
.product-labels.labels-rounded {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    right: auto !important;
    bottom: auto !important;

    z-index: 10 !important;
    width: auto !important;
    max-width: calc(100% - 32px);

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* Style commun */
.single-product
.woocommerce-product-gallery
.product-labels .product-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;

    padding: 10px 16px !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .3px;

    white-space: nowrap !important;
    word-break: normal !important;
    text-transform: uppercase;

    transform: none !important;
    box-shadow: 0 3px 10px rgba(7,27,45,.06);
}

/* Badge promotion */
.single-product
.woocommerce-product-gallery
.product-labels .onsale {
    background: #C79A3B !important;
    color: #FFFFFF !important;
    border: 1px solid #C79A3B !important;
}

/* Aucun symbole % supplémentaire */
.single-product
.woocommerce-product-gallery
.product-labels .onsale::before {
    content: none !important;
}

/* Badge rupture */
.single-product
.woocommerce-product-gallery
.product-labels .out-of-stock {
    background: #F2E7D8 !important;
    color: #8A6642 !important;
    border: 1px solid #E4D2BC !important;
}

/* Petit symbole d'alerte */
.single-product
.woocommerce-product-gallery
.product-labels .out-of-stock::before {
    content: "!";
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;
    margin-right: 8px;

    border: 1px solid #CDB08A;
    border-radius: 50%;

    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    color: #8A6642;
}

/* Responsive mobile */
@media (max-width: 767px) {
    .single-product
    .woocommerce-product-gallery
    .product-labels.labels-rounded {
        top: 10px !important;
        left: 10px !important;
        max-width: calc(100% - 20px);
    }

    .single-product
    .woocommerce-product-gallery
    .product-labels .product-label {
        padding: 7px 11px !important;
        font-size: 11px !important;
    }

    .single-product
    .woocommerce-product-gallery
    .product-labels .out-of-stock::before {
        width: 16px;
        height: 16px;
        margin-right: 6px;
        font-size: 10px;
    }
}



/* =========================================
   ZAKARIA - BADGE GALERIE PRODUIT V2.1
========================================= */

/* La galerie sert de repère */
.single-product .woocommerce-product-gallery {
  position: relative !important;
}

/* Repositionner les badges dans la galerie */
.single-product .woocommerce-product-gallery
.product-labels.labels-rounded {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 20 !important;
  width: auto !important;
  max-width: calc(100% - 32px) !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;

  transform: none !important;
  margin: 0 !important;
}

/* Neutraliser la forme ronde WoodMart */
.single-product .woocommerce-product-gallery
.product-labels .product-label.wd-shape-round {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  aspect-ratio: auto !important;

  padding: 9px 14px !important;
  border-radius: 999px !important;

  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;

  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  transform: none !important;
}

/* Badge EN RUPTURE */
.single-product .woocommerce-product-gallery
.product-labels .out-of-stock {
  background: #F2E7D8 !important;
  color: #8A6642 !important;
  border: 1px solid #E4D2BC !important;
}

/* Icône d'alerte */
.single-product .woocommerce-product-gallery
.product-labels .out-of-stock::before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 17px;

  width: 17px;
  height: 17px;
  margin-right: 7px;

  border: 1px solid #CDB08A;
  border-radius: 50%;
  font-size: 10px;
  line-height: 1;
}

/* Badge promotion */
.single-product .woocommerce-product-gallery
.product-labels .onsale {
  background: #C79A3B !important;
  color: #FFFFFF !important;
  border: 1px solid #C79A3B !important;
}

/* Éviter un symbole % supplémentaire */
.single-product .woocommerce-product-gallery
.product-labels .onsale::before {
  content: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  .single-product .woocommerce-product-gallery
  .product-labels.labels-rounded {
    top: 10px !important;
    left: 10px !important;
    max-width: calc(100% - 20px) !important;
  }

  .single-product .woocommerce-product-gallery
  .product-labels .product-label.wd-shape-round {
    padding: 7px 10px !important;
    font-size: 11px !important;
  }
}



/* ==========================================
   EQUIPEMENTS ZAKARIA DU NORD
   SERVICES PRODUIT PREMIUM - DESKTOP / MOBILE
========================================== */

.single-product .reassurances-product {
  background: #FAFBFC;
  border: 1px solid #E5E9EF;
  border-radius: 16px;
  padding: 20px 24px;
  margin-top: 20px;
}

/* Grille de deux colonnes */
.single-product .reassurances-product
> .elementor-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 24px;
}

/* Colonnes Elementor */
.single-product .reassurances-product
> .elementor-container > .elementor-column {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
}

/* Conteneurs des services */
.single-product .reassurances-product
.elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0 !important;
}

/* Chaque avantage */
.single-product .reassurances-product
.elementor-widget-image-box {
  width: 100% !important;
  margin: 0 !important;
}

/* Icône + texte */
.single-product .reassurances-product
.elementor-image-box-wrapper {
  display: flex !important;
  align-items: center;
  gap: 12px;
  text-align: left !important;
}

.single-product .reassurances-product
.elementor-image-box-img {
  width: 30px !important;
  min-width: 30px;
  margin: 0 !important;
}

.single-product .reassurances-product
.elementor-image-box-img img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.single-product .reassurances-product
.elementor-image-box-title {
  color: #071B2D;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 !important;
}

/* ==========================================
   VERSION MOBILE : GRILLE 2 x 2
========================================== */

@media (max-width: 767px) {
  .single-product .reassurances-product {
    padding: 12px;
    margin-top: 16px;
    border-radius: 12px;
  }

  .single-product .reassurances-product
  > .elementor-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .single-product .reassurances-product
  .elementor-widget-wrap {
    gap: 10px;
  }

  .single-product .reassurances-product
  .elementor-widget-image-box {
    padding: 12px 6px;
    background: #FFFFFF;
    border: 1px solid #EDF0F3;
    border-radius: 10px;
  }

  .single-product .reassurances-product
  .elementor-image-box-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center !important;
  }

  .single-product .reassurances-product
  .elementor-image-box-img {
    width: 28px !important;
    min-width: 0;
  }

  .single-product .reassurances-product
  .elementor-image-box-title {
    font-size: 11px;
    text-align: center;
  }
}



/* =========================================
   ZAKARIA - PRODUITS EN RUPTURE
   Masquer le bouton Commander WhatsApp
========================================= */

/* Miniatures en rupture uniquement */
.wd-products .wd-product.outofstock
a.wa-shop-button {
    display: none !important;
}

/* Éviter l'espace vide laissé par le bouton */
.wd-products .wd-product.outofstock
.product-element-bottom {
    padding-bottom: 12px;
}


/* ==========================================
   ZAKARIA - MASQUER WHATSAPP EN RUPTURE
========================================== */

/* Cible exactement le HTML de ton produit */
body .wd-products
.wd-product.product-grid-item.outofstock
a#sendbtn.wa-shop-button {
    display: none !important;
}

/* Variante si la grille n'utilise pas .wd-products */
body .wd-product.product-grid-item.outofstock
a#sendbtn.wa-shop-button {
    display: none !important;
}

/* Conserver le bouton sur les produits disponibles */
body .wd-product.product-grid-item.instock
a#sendbtn.wa-shop-button {
    display: flex !important;
}


/* ==========================================
   ZAKARIA - CATEGORIES : TITRE SOUS IMAGE
========================================== */

.wd-cats-element .wd-cat {
  height: auto !important;
  overflow: visible !important;
}

.wd-cats-element .wd-cat .wd-cat-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  height: auto !important;
  overflow: visible !important;
}

/* Cercle contenant l'image */
.wd-cats-element .wd-cat .wd-cat-thumb {
  position: relative !important;
  width: 100%;
  max-width: 180px;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  border-radius: 50%;
  overflow: hidden !important;
  border: 2px solid #ECE8E2;
}

.wd-cats-element .wd-cat .wd-cat-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
}

/* Sortir le contenu de la superposition */
.wd-cats-element .wd-cat .wd-cat-content.wd-fill {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 36px !important;
  padding: 0 3px !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Lien cliquable qui recouvre la carte */
.wd-cats-element .wd-cat .wd-cat-content > a.wd-fill {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
}

/* Désactiver le positionnement imposé au titre */
.wd-cats-element .wd-cat .wd-cat-header {
  position: static !important;
  transform: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  text-align: center !important;
}

.wd-cats-element .wd-cat .wd-entities-title {
  position: static !important;
  transform: none !important;
  background: transparent !important;
  color: #071B2D !important;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

.wd-cats-element .wd-cat .wd-entities-title a {
  position: relative;
  z-index: 2;
  color: #071B2D !important;
  background: transparent !important;
  white-space: normal !important;
}

/* Masquer les compteurs */
.wd-cats-element .wd-cat .wd-cat-count {
  display: none !important;
}

.wd-cats-element .wd-cats {
  row-gap: 26px !important;
}

/* Mobile */
@media (max-width: 767px) {
  .wd-cats-element .wd-cat .wd-cat-thumb {
    max-width: 145px;
  }

  .wd-cats-element .wd-cat .wd-entities-title {
    font-size: 12px !important;
  }

  .wd-cats-element .wd-cats {
    row-gap: 20px !important;
  }
}


/* ZAKARIA - FINITIONS CATEGORIES PREMIUM */

.wd-cats-element .wd-cat .wd-cat-inner {
  gap: 12px !important;
}

.wd-cats-element .wd-cat .wd-cat-thumb {
  border: 2px solid #E9E5DF;
  transition:
    border-color .25s ease,
    transform .25s ease;
}

.wd-cats-element .wd-cat .wd-entities-title,
.wd-cats-element .wd-cat .wd-entities-title a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #071B2D !important;
  text-transform: none !important;
}

@media (hover: hover) {
  .wd-cats-element .wd-cat:hover .wd-cat-thumb {
    border-color: #C79A3B;
    transform: translateY(-3px);
  }
}

@media (max-width: 767px) {
  .wd-cats-element .wd-cat .wd-cat-inner {
    gap: 8px !important;
  }

  .wd-cats-element .wd-cat .wd-cat-thumb {
    max-width: 145px;
  }

  .wd-cats-element .wd-cat .wd-entities-title,
  .wd-cats-element .wd-cat .wd-entities-title a {
    font-size: 12px !important;
  }
}


/* ==========================================
   ZAKARIA - STICKY WHATSAPP PREMIUM V1
========================================== */

/* Barre sticky */
.single-product .wd-sticky-btn {
  background: #FFFFFF;
  border-top: 1px solid #E7E9ED;
  box-shadow: 0 -5px 20px rgba(7,27,45,.08);
  z-index: 100;
}

/* Alignement principal */
.single-product .wd-sticky-btn-container {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Image */
.single-product .wd-sticky-btn-thumbnail img {
  width: 66px;
  height: 52px;
  object-fit: contain;
  border-radius: 6px;
}

/* Titre */
.single-product .wd-sticky-btn-info
.wd-entities-title {
  color: #071B2D;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

/* Prix */
.single-product .wd-sticky-btn-cart .price {
  color: #071B2D;
  font-size: 19px;
  font-weight: 800;
  white-space: nowrap;
}

.single-product .wd-sticky-btn-cart
.price .amount,
.single-product .wd-sticky-btn-cart
.price bdi {
  color: inherit;
  font-size: inherit;
}

/* Supprimer le panier natif */
.single-product .wd-sticky-btn
button.single_add_to_cart_button:not(.wa-order-button) {
  display: none !important;
}

.single-product .wd-sticky-btn .quantity {
  display: none !important;
}

/* WhatsApp */
.single-product .wd-sticky-btn .wa-order-class {
  display: block;
  text-decoration: none;
}

.single-product .wd-sticky-btn .wa-order-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 22px;
  background: #128C7E !important;
  color: #FFFFFF !important;
  border: 0;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  white-space: nowrap;
  transition: background .2s ease;
}

.single-product .wd-sticky-btn .wa-order-button:hover {
  background: #075E54 !important;
  color: #FFFFFF !important;
}

/* Actions non essentielles */
.single-product .wd-sticky-btn-actions {
  display: none !important;
}

/* Mobile */
@media (max-width: 767px) {

  .single-product .wd-sticky-btn-container {
    gap: 10px;
    padding: 9px 12px;
  }

  .single-product .wd-sticky-btn-content {
    display: none;
  }

  .single-product .wd-sticky-btn-cart {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .single-product .wd-sticky-btn-cart .price {
    font-size: 16px;
    flex: 0 0 auto;
  }

  .single-product .wd-sticky-btn-cart form.cart {
    flex: 1;
    min-width: 0;
  }

  .single-product .wd-sticky-btn .wa-order-class {
    width: 100%;
  }

  .single-product .wd-sticky-btn .wa-order-button {
    width: 100%;
    min-height: 42px;
    padding: 8px;
    font-size: 12px;
  }
}

@media (max-width: 576px) {
	.product-element-bottom #sendbtn, .product-element-bottom sendbtn2, .wa-order-button, .gdpr_wa_button_input {
    background-color: rgba(37, 211, 102, 1)!important;
    color: rgba(255, 255, 255, 1)!important;
    border-radius: 35px;
    margin: 0px 0 20px 0;
    font-size: 12px;
    padding: 5px 10px;
}
}

