/* =========================================================
   STRATÉGIE MATHS — CATÉGORIES PRODUITS (FICHES / FLASHCARDS)
   Objectif : même rendu “propre” que Parcours
   ========================================================= */

/* On cible uniquement les catégories produit qui utilisent TON layout */
body.tax-product_cat .sm-shop-layout{
  max-width: 1240px !important;
  width: 100% !important;              /* ✅ important */
  margin-left: auto !important;        /* ✅ important */
  margin-right: auto !important;       /* ✅ important */
  margin-top: 70px !important;         /* ✅ on descend sous le header */
  padding: 26px 18px !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}



/* Mobile */
@media (max-width: 980px){
  body.tax-product_cat .sm-shop-layout{
    grid-template-columns: 1fr !important;
    margin-top: 20px !important;
  }
}

/* Sidebar filtres — style propre */
body.tax-product_cat .sm-filter-sidebar{
  background: #fff !important;
  border: 1px solid rgba(106,27,154,.12) !important;
  border-radius: 16px !important;
  padding: 16px 16px 14px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;
  position: sticky !important;
  top: 200px !important;
}

@media (max-width: 980px){
  body.tax-product_cat .sm-filter-sidebar{
    position: relative !important;
    top: auto !important;
  }
}

body.tax-product_cat .sm-filter-sidebar h3{
  margin: 0 0 12px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #6a1b9a !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(106,27,154,.10) !important;
}

body.tax-product_cat .sm-filter-sidebar strong{
  display: block !important;
  margin: 10px 0 6px !important;
  font-size: 13px !important;
  color: #222 !important;
}

body.tax-product_cat .sm-filter-sidebar label{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 6px 0 !important;
  font-size: 14px !important;
  color: #333 !important;
  cursor: pointer !important;
}

/* Checkbox custom */
body.tax-product_cat .sm-filter-sidebar input[type="checkbox"]{
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid rgba(255,122,0,.35) !important;
  border-radius: 5px !important;
  background: #fff !important;
  display: inline-grid !important;
  place-content: center !important;
  margin: 0 !important;
}

body.tax-product_cat .sm-filter-sidebar input[type="checkbox"]:checked{
  background: #f57c00 !important;
  border-color: #f57c00 !important;
}

body.tax-product_cat .sm-filter-sidebar input[type="checkbox"]:checked::after{
  content:"" !important;
  width: 9px !important;
  height: 5px !important;
  border-left: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: rotate(-45deg) !important;
  margin-top: -1px !important;
}

/* Select */
body.tax-product_cat .sm-filter-sidebar select{
  width: 100% !important;
  margin-top: 6px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-size: 14px !important;
  outline: none !important;
}

body.tax-product_cat .sm-filter-sidebar select:focus{
  border-color: rgba(255,122,0,.7) !important;
  box-shadow: 0 0 0 4px rgba(255,122,0,.15) !important;
}

/* Lien “effacer filtres” */
body.tax-product_cat .sm-filter-sidebar a{
  display: block !important;
  margin-top: 12px !important;
  text-align: center !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255,122,0,.35) !important;
  color: #ff7a00 !important;
  background: rgba(255,122,0,.06) !important;
}

/* Grille produits : 3 colonnes desktop */
body.tax-product_cat ul.products{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
}

@media (max-width: 1100px){
  body.tax-product_cat ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  body.tax-product_cat ul.products{
    grid-template-columns: 1fr !important;
  }
}

/* On cache compteur + tri (optionnel) */
body.tax-product_cat .woocommerce-result-count,
body.tax-product_cat .woocommerce-ordering{
  display: none !important;
}