/* =====================================================================
   Filtres de catégorie (ps_facetedsearch + ps_categorytree, Hummingbird)
   Éditions Marco Pietteur — à ranger dans themes/theme_edmp/assets/css/
   Couleurs : bordeaux (classe « forest ») #6A1226 · ochre #8A6A3A · cream #F6F1E8 · line #E7E1D6
              ink #22231F · muted #5E5F58
   ===================================================================== */

#left-column {
  --edmp-forest: #6A1226;
  --edmp-ochre: #8A6A3A;
  --edmp-cream: #F6F1E8;
  --edmp-line: #E7E1D6;
  --edmp-ink: #22231F;
  --edmp-muted: #5E5F58;
  font-family: Manrope, system-ui, sans-serif;
  color: var(--edmp-ink);
}

/* ---------- Titres de bloc (« Accueil », « Filtrer par ») ---------- */
#left-column .left-block__title {
  font-family: Newsreader, Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--edmp-ink);
  margin: 0 0 8px;
}
#left-column .left-block__title-link { color: inherit; text-decoration: none; }
#left-column .left-block + .left-block { margin-top: 32px; }

/* ---------- Arbre des catégories ---------- */
#left-column .category-tree__item { border: 0; background: transparent; }
#left-column .category-tree__item-link {
  display: block;
  padding: 6px 0;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--edmp-ink);
  text-decoration: none;
}
#left-column .category-tree__item-link:hover,
#left-column .category-tree__item-link.current {
  color: var(--edmp-forest);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#left-column .category-tree__list[data-depth="1"] .category-tree__item-link {
  font-size: 14px;
  color: var(--edmp-muted);
}

/* ---------- Blocs de filtres : ouverts, séparés par un trait ---------- */
#search_filters_wrapper .accordion-item {
  border: 0;
  border-top: 1px solid var(--edmp-line);
  background: transparent;
  padding: 18px 0 14px;
}
#search_filters_wrapper .accordion-button {
  padding: 0 0 10px;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
  font-weight: 700;
  color: var(--edmp-ink);
  pointer-events: none;            /* le bloc reste toujours ouvert sur desktop */
}
#search_filters_wrapper .accordion-button::after { display: none; }
#search_filters_wrapper .accordion-collapse.collapse { display: block !important; height: auto !important; }
#search_filters_wrapper .accordion-body { padding: 0; margin: 0; list-style: none; }

/* ---------- Cases à cocher ---------- */
#left-column .search-filters__item { padding: 5px 0; }
#left-column .search-filters__form-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  min-height: 0;
}
#left-column .search-filters__form-check .form-check-input {
  float: none;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1.5px solid #CFC6B5;
  border-radius: 5px;
  cursor: pointer;
}
#left-column .search-filters__form-check .form-check-input:checked {
  background-color: var(--edmp-forest);
  border-color: var(--edmp-forest);
}
#left-column .search-filters__form-check .form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(106, 18, 38, .18);
  border-color: var(--edmp-forest);
}
#left-column .search-filters__form-label { flex: 1; min-width: 0; margin: 0; cursor: pointer; }
#left-column .search-filters__link {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  font-size: 14.5px;
  color: var(--edmp-ink);
  text-decoration: none;
}
#left-column .search-filters__link:hover { color: var(--edmp-forest); }
#left-column .search-filters__magnitude { font-size: 13px; color: var(--edmp-muted); white-space: nowrap; }

/* ---------- Curseur de prix (noUiSlider) ---------- */
#left-column .search-filters__slider-container { padding: 6px 8px 0; }
#left-column .noUi-target {
  height: 3px;
  border: 0;
  border-radius: 2px;
  background: var(--edmp-line);
  box-shadow: none;
}
#left-column .noUi-connect { background: var(--edmp-forest); }
#left-column .noUi-horizontal .noUi-handle {
  top: -7px;
  right: -8px;
  width: 16px;
  height: 16px;
  border: 2px solid var(--edmp-forest);
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
  cursor: grab;
}
#left-column .noUi-handle::before,
#left-column .noUi-handle::after { display: none; }
#left-column .noUi-handle:focus-visible { outline: 3px solid rgba(106, 18, 38, .25); outline-offset: 2px; }
#left-column .search-filters__slider-values { margin-top: 14px; font-size: 14px; color: #4A4B45; }

/* ---------- Filtres actifs (au-dessus de la liste) ---------- */
.active-filters, #js-active-search-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-family: Manrope, system-ui, sans-serif;
}
#js-active-search-filters .active-filter-title,
#js-active-search-filters > p { margin: 0; font-size: 14px; color: #5E5F58; }
#js-active-search-filters .active-filters__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#js-active-search-filters .active-filters__item { margin: 0; padding: 0; background: none; }
#js-active-search-filters .active-filters__title { font-size: 14px; color: #5E5F58; }
#js-active-search-filters .filter-block,
#js-active-search-filters .active-filters__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 6px 8px 6px 14px;
  border: 0;
  border-radius: 999px;
  background: #F6F1E8;
  font-size: 13px;
  font-weight: 600;
  color: #22231F;
}
#js-active-search-filters .js-search-link { color: inherit; }
#js-active-search-filters .active-filters__link:hover { background: #E7E1D6; color: #6A1226; }
#js-active-search-filters .active-filters__link .material-icons {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  font-size: 14px;
}

/* « Effacer tout » : petit lien souligné au lieu d'un gros bouton */
#left-column .search-filters__clear { margin: 0 0 12px; }
#left-column .js-search-filters-clear-all {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #5E5F58;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#left-column .js-search-filters-clear-all:hover { color: #6A1226; background: none; }
#left-column .js-search-filters-clear-all .material-icons { font-size: 15px; text-decoration: none; }

/* Arbre des catégories plus serré (≈ 30 px par ligne au lieu de 42) */
#left-column .category-tree__item-header { padding: 0; min-height: 0; align-items: center; }
#left-column .category-tree__item-link { padding: 4px 0; line-height: 1.45; }
#left-column .category-tree__item-header .accordion-button {
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  justify-content: center;
  background: transparent;
  box-shadow: none;
}
#left-column .category-tree__item-header .accordion-button::after { width: 14px; height: 14px; background-size: 14px; margin: 0; }
#left-column .category-tree__list[data-depth="1"] { padding: 2px 0 6px 12px; }

/* ---------- Bloc « Informations » des pages CMS (ps_linklist, colonne de gauche) ---------- */
#left-column .ps-linklist .left-block__content--list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
#left-column .ps-linklist .left-block__link {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
  color: #22231F;
  text-decoration: none;
  transition: background .15s, color .15s;
}
#left-column .ps-linklist .left-block__link:hover { background: #F6F1E8; color: #6A1226; }
/* Page en cours : classe .active ajoutée par products-edmp.js (PrestaShop ne la met pas) */
#left-column .ps-linklist .left-block__link.active,
#left-column .ps-linklist .left-block__link[aria-current="page"] {
  background: #6A1226;
  color: #fff;
  font-weight: 600;
}