/* ===========================
   Sidebar filtres (desktop)
   =========================== */

/* Titre du widget */
.wd-sticky-container-lg .widget-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #464646;
}

/* Libellé à gauche (texte dans le lien) */
.wd-sticky-container-lg .wd-filter-lable,
.wd-sticky-container-lg .layer-term-lable {
  font-size: 14px !important;
  color: #464646 !important;
}

/* Icône checkbox de Woodmart (carré) */
.wd-sticky-container-lg .wd-checkboxes-on .layered-nav-link:before,
.wd-sticky-container-lg .wd-filter-list .layered-nav-link:before {
  border-radius: 4px !important;
  border: 1px solid #707070;
  width: 17px;
  height: 17px;
  padding-right: 0; /* pas forcément utile mais tu l’avais mis */
  box-sizing: border-box; /* pour garder 17x17 même avec la bordure */
}

/* Tooltip */
.elementor-widget-wd_sidebar .widget .wd-tooltip{
	padding-left:0px !important;
	padding-right:0px !important;
	padding-bottom:0px !important;
	padding-top:0px !important;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	font-size:28px;
}


/* =========================================
   Version offcanvas / mobile uniquement
   ========================================= */
@media (max-width: 1024px) {

  /* Titre dans la sidebar mobile ouverte */
  .wd-col-offcanvas-sm.wd-opened .widget-title,
  .wd-col-offcanvas-md-sm.wd-opened .widget-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #464646;
  }

  /* Libellés dans la sidebar mobile ouverte */
  .wd-col-offcanvas-sm.wd-opened .wd-filter-lable,
  .wd-col-offcanvas-sm.wd-opened .layer-term-lable,
  .wd-col-offcanvas-md-sm.wd-opened .wd-filter-lable,
  .wd-col-offcanvas-md-sm.wd-opened .layer-term-lable {
    font-size: 14px !important;
    color: #464646 !important;
  }

  /* Checkbox dans la sidebar mobile ouverte */
  .wd-col-offcanvas-sm.wd-opened .wd-checkboxes-on .layered-nav-link:before,
  .wd-col-offcanvas-sm.wd-opened .wd-filter-list .layered-nav-link:before,
  .wd-col-offcanvas-md-sm.wd-opened .wd-checkboxes-on .layered-nav-link:before,
  .wd-col-offcanvas-md-sm.wd-opened .wd-filter-list .layered-nav-link:before {
    border-radius: 4px !important;
    width: 17px;
    height: 17px;
    padding-right: 0;
    border: 1px solid #707070;
    box-sizing: border-box;
  }
	/* Tooltip */
	.elementor-widget-wd_sidebar .widget .wd-tooltip{
		padding-left:0px !important;
		padding-right:0px !important;
		padding-bottom:0px !important;
		padding-top:0px !important;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		font-size:28px;
	}
}

/* =========================
   Offcanvas mobile Woodmart
   ========================= */
@media (max-width: 1024px) {

  /* 1. élargir le panneau offcanvas quand il est ouvert */
  .wd-side-hidden.wd-opened.wd-left {
    width: 90vw !important;     /* plus large */
    max-width: 360px !important; /* limite sur grands mobiles */
  }

  /* 2. header "Fermer" : bordure + espacement vertical */
  .wd-side-hidden.wd-opened.wd-left .wd-heading {
    border-bottom: none !important;
    margin-bottom: 0;
    padding-top: 15px !important;    /* ← espace au-dessus du texte/croix */
    padding-bottom: 5px !important; /* ← espace en-dessous du texte/croix */
    padding-left: 18px;              /* cohérent avec le contenu */
    padding-right: 18px;
  }

  /* 2bis. affiner l’espace autour du bouton / lien "Fermer" + icône */
  .wd-side-hidden.wd-opened.wd-left .wd-heading a,
  .wd-side-hidden.wd-opened.wd-left .wd-heading button {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1.2; /* évite que ça prenne trop de hauteur */
  }

  /* 3. remonter le contenu (les filtres Elementor) */
  .wd-side-hidden.wd-opened.wd-left .elementor-widget-container {
    margin-top: -20px; /* tu peux ajuster entre -10 et -30 selon le rendu */
    padding-left: 18px;
    padding-right: 18px;
  }
}


/* ============================
   Séparateur entre chaque bloc
   de filtres – DESKTOP
   ============================ */

/* Chaque widget de filtre (Type d’accessoire, Couleur, etc.) */
.wd-sticky-container-lg .woodmart-woocommerce-layered-nav {
  padding: 12px 0 !important;   /* espace interne haut/bas */
  margin: 0 !important;        /* on supprime les marges verticales */
}


/* On réduit l’espace autour des titres */
.wd-sticky-container-lg .woodmart-woocommerce-layered-nav .widget-title {
  margin: 5px 0 8px !important;
}

/* On réduit aussi le padding du contenu scrollable */
.wd-sticky-container-lg .woodmart-woocommerce-layered-nav .wd-scroll {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* =====================================
   Séparateur entre blocs dans l’offcanvas
   MOBILE / TABLET
   ===================================== */
@media (max-width: 1024px) {

  .wd-col-offcanvas-sm.wd-opened .woodmart-woocommerce-layered-nav,
  .wd-col-offcanvas-md-sm.wd-opened .woodmart-woocommerce-layered-nav {
    border-bottom: 1px solid #e1e1e1;
    padding: 8px 0;
    margin: 0;
  }

  .wd-col-offcanvas-sm.wd-opened .woodmart-woocommerce-layered-nav:first-of-type,
  .wd-col-offcanvas-md-sm.wd-opened .woodmart-woocommerce-layered-nav:first-of-type {
    border-top: 1px solid #e1e1e1;
  }

  .wd-col-offcanvas-sm.wd-opened .woodmart-woocommerce-layered-nav .widget-title,
  .wd-col-offcanvas-md-sm.wd-opened .woodmart-woocommerce-layered-nav .widget-title {
    margin: 0px 0 6px !important;
  }

  .wd-col-offcanvas-sm.wd-opened .woodmart-woocommerce-layered-nav .wd-scroll,
  .wd-col-offcanvas-md-sm.wd-opened .woodmart-woocommerce-layered-nav .wd-scroll {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* Sidebar filtres sticky - DESKTOP uniquement */
@media (min-width: 1025px) {
  .wd-sticky-container-lg {
    position: sticky !important;
    top: 120px !important;          /* à ajuster selon la hauteur exacte de ton header */
    align-self: flex-start !important;
  }
}