/* ============================================================
   Corrihons — colonne de filtres à facettes à gauche (façon topbiz / Dompro)
   ============================================================ */
#category .columns-container > .row, #search .columns-container > .row, #manufacturer .columns-container > .row, #prices-drop .columns-container > .row { --bs-gutter-x: 28px; }
@media (min-width: 768px) {
  #category #left-column, #search #left-column, #manufacturer #left-column, #prices-drop #left-column { flex: 0 0 290px; max-width: 290px; }
  #category #center-column, #search #center-column, #manufacturer #center-column, #prices-drop #center-column { flex: 1 1 0; max-width: calc(100% - 290px); }
  #left-column .ps-facetedsearch { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; scrollbar-width: thin; }
}
#left-column .ps-facetedsearch { background: #fff; border: 1px solid #e3e1dc; border-radius: 10px; padding: 16px 16px 8px; }
#left-column .left-block__title, #left-column .search-filters .left-block__title { display: block !important; margin: 0 0 10px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: .95rem; letter-spacing: .1em; text-transform: uppercase; color: #6b6f73; }
#left-column .facet, #left-column .search-filters__block { border-top: 1px solid #ecebe7; padding: 12px 0; }
#left-column .facet__header, #left-column .facet .facet__title, #left-column .search-filters__header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
#left-column .facet__title, #left-column .facet .h6, #left-column .search-filters__title { margin: 0; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 1.05rem; text-transform: uppercase; letter-spacing: .03em; color: #1a1a1a; }
#left-column .facet ul { list-style: none; margin: 8px 0 0; padding: 0; }
#left-column .facet li { padding: 3px 0; }
#left-column .facet .form-check-label, #left-column .facet a { color: #333; font-size: .92rem; text-decoration: none; }
#left-column .facet .magnitude, #left-column .facet .facet-label__count { color: #9a9893; font-size: .8rem; margin-left: 4px; }
#left-column .form-check-input { border-color: #b9b6ae; }
#left-column .form-check-input:checked { background-color: #c8102e; border-color: #c8102e; }
#left-column .form-check-input:focus { box-shadow: 0 0 0 3px rgba(200,16,46,.18); border-color: #c8102e; }
#left-column .ui-slider-range, #left-column .noUi-connect { background: #c8102e; }
#left-column .search-filters__clear, #left-column .js-search-filters-clear-all { color: #c8102e; font-weight: 700; }
/* Filtres actifs au-dessus de la liste */
.active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.active-filters .filter-block, .active-filters__item { background: #1a1a1a; color: #fff; border-radius: 999px; padding: 4px 12px; font-size: .85rem; }
/* Bandeau catégorie : puces marques façon topbiz */
.lc-cat-hero__brands { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 14px; }
.lc-cat-hero__brands > span { color: #b8b5ae; font-size: .88rem; margin-right: 4px; }
.lc-chip--brand { padding: 4px 12px; background: transparent; border-color: rgba(255,255,255,.35); font-weight: 600; }
.lc-chip--brand:hover { background: #fff; color: #1a1a1a; }
/* Grille : 4 colonnes à côté des filtres, 5 sur très grand écran */
@media (min-width: 1200px) { #category .products.row > *, #search .products.row > *, #manufacturer .products.row > * { flex: 0 0 25%; max-width: 25%; } }
@media (min-width: 1800px) { #category .products.row > *, #search .products.row > *, #manufacturer .products.row > * { flex: 0 0 20%; max-width: 20%; } }

/* Filtres ouverts par défaut sur ordinateur (comme topbiz) */
@media (min-width: 768px) { #left-column .facet .collapse:not(.show), #left-column .search-filters__block .collapse:not(.show) { display: block; height: auto; } }
.lc-cat-hero__bgword { -webkit-text-stroke-color: rgba(255,255,255,.05); }

/* Pages catalogue en vraie pleine largeur (dernier mot, prioritaire sur les limites 1320/1440 px) */
body#category #wrapper, body#search #wrapper, body#manufacturer #wrapper, body#prices-drop #wrapper, body#new-products #wrapper, body#best-sales #wrapper, body#supplier #wrapper,
body#category #wrapper .columns-container, body#search #wrapper .columns-container, body#manufacturer #wrapper .columns-container, body#prices-drop #wrapper .columns-container, body#new-products #wrapper .columns-container, body#best-sales #wrapper .columns-container, body#supplier #wrapper .columns-container {
  max-width: none; width: 100%; margin-left: 0; margin-right: 0;
}
body#category #wrapper .columns-container, body#search #wrapper .columns-container, body#manufacturer #wrapper .columns-container, body#prices-drop #wrapper .columns-container { padding-left: clamp(16px, 2.5vw, 40px); padding-right: clamp(16px, 2.5vw, 40px); }
/* Colonne de gauche vide (catégorie sans produit) : on la masque pour ne pas laisser un cadre vide */
#left-column:not(:has(.ps-facetedsearch)) { display: none; }
#left-column:not(:has(.ps-facetedsearch)) + #center-column { max-width: 100%; flex: 1 1 100%; }

/* Logo aux vraies couleurs (rouge + noir) dans l en-tête blanc */
.lc-logo .lc-logo__img { filter: none; }
/* Colonne de filtres : masquée quand il n y a aucun filtre ; marges latérales confortables */
#left-column:not(:has(#search-filters .accordion-item)) { display: none; }
#left-column:not(:has(#search-filters .accordion-item)) + #center-column { max-width: 100%; flex: 1 1 100%; }
body#category #wrapper .columns-container, body#search #wrapper .columns-container, body#manufacturer #wrapper .columns-container, body#prices-drop #wrapper .columns-container { padding-left: clamp(20px, 3vw, 56px); padding-right: clamp(20px, 3vw, 56px); }

/* Grille produits des pages catalogue : 2 par ligne sur mobile, jusqu'à 6 par ligne sur ordinateur */
#wrapper .layout-left-column .products, #wrapper .layout-right-column .products, #wrapper #js-product-list .products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 768px)  { #wrapper .layout-left-column .products, #wrapper .layout-right-column .products, #wrapper #js-product-list .products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 992px)  { #wrapper .layout-left-column .products, #wrapper .layout-right-column .products, #wrapper #js-product-list .products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { #wrapper .layout-left-column .products, #wrapper .layout-right-column .products, #wrapper #js-product-list .products { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (min-width: 1400px) { #wrapper .layout-left-column .products, #wrapper .layout-right-column .products, #wrapper #js-product-list .products { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; } }
/* Avec la colonne de filtres à gauche, 6 par ligne à partir de 1600 px pour garder des cartes lisibles */
@media (min-width: 1400px) and (max-width: 1599.98px) { #wrapper .columns-container:has(#left-column #search-filters .accordion-item) .products { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (min-width: 992px) and (max-width: 1199.98px) { #wrapper .columns-container:has(#left-column #search-filters .accordion-item) .products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { #wrapper .products .lc-card { min-width: 0; } }

/* Filtres à facettes : balisage Hummingbird (ps_facetedsearch PS 9 : #search-filters > .accordion-item) */
#left-column .search-filters .left-block__title { display: block !important; margin: 0 0 6px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: .95rem; letter-spacing: .1em; text-transform: uppercase; color: #5d5a54; }
#left-column .search-filters .accordion-item { border: 0; border-top: 1px solid #ecebe7; background: none; }
#left-column .search-filters .accordion-button { padding: 12px 0; background: none; box-shadow: none; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 1.05rem; letter-spacing: .03em; text-transform: uppercase; color: #1a1a1a; }
#left-column .search-filters .accordion-button:focus-visible { outline: 3px solid rgba(200,16,46,.3); outline-offset: 2px; }
#left-column .search-filters .accordion-body { list-style: none; margin: 0; padding: 0 0 12px; max-height: 260px; overflow-y: auto; scrollbar-width: thin; }
#left-column .search-filters__item { padding: 3px 0; }
#left-column .search-filters__form-label { color: #2b2b2b; font-size: .92rem; cursor: pointer; }
#left-column .search-filters .magnitude, #left-column .search-filters__item .facet-label__count { color: #6b6f73; font-size: .8rem; }
@media (min-width: 768px) {
  #left-column #search_filters_wrapper .accordion-collapse.collapse:not(.show) { display: block; }
  #left-column #search_filters_wrapper .accordion-button::after { display: none; }
  #left-column #search_filters_wrapper .accordion-button { cursor: default; pointer-events: none; }
}

/* Pastilles « Par type » dans le bandeau catégorie (demande Sylvain, 06/10/2026) */
.lc-cat-hero__brands + .lc-cat-hero__types { margin-top: -6px; }
.lc-chip--brand.is-active { background: #fff; color: #1a1a1a; border-color: #fff; }

/* Bandeau catégorie : pastilles « Par type » agrandies et plus contrastées (demande Corrihons du 12/10/2026) */
.lc-cat-hero__types { gap: 10px; margin-top: 4px; }
.lc-cat-hero__types > span { font-size: 1rem; color: #e3e1dc; font-weight: 600; }
.lc-cat-hero__types .lc-chip { padding: 9px 18px; font-size: 1.05rem; font-weight: 700; border: 1.5px solid rgba(255,255,255,.7); background: rgba(255,255,255,.08); }
.lc-cat-hero__types .lc-chip:hover, .lc-cat-hero__types .lc-chip:focus-visible { background: #fff; color: #1a1a1a; border-color: #fff; }
.lc-cat-hero__types .lc-chip.is-active { background: var(--lc-red); border-color: var(--lc-red); color: #fff; }
@media (max-width: 767px) { .lc-cat-hero__types .lc-chip { padding: 7px 14px; font-size: .95rem; } }

/* Pages catégorie (fil d Ariane masqué) : respiration entre le menu et le bandeau / les filtres (12/10/2026 -> 14/10) */
body#category #wrapper .columns-container { padding-top: 32px; }
@media (max-width: 767.98px) { body#category #wrapper .columns-container { padding-top: 16px; } }

/* Fil d Ariane réaffiché sur les pages catégorie (demande Sylvain du 14/10/2026) ; l espace sous le menu est alors porté par lui */
body#category .breadcrumb__wrapper { display: block; }
body#category #wrapper .columns-container { padding-top: 8px; }
@media (max-width: 767.98px) { body#category #wrapper .columns-container { padding-top: 4px; } }
body#category .breadcrumb__wrapper { margin-bottom: 20px; }
@media (max-width: 767.98px) { body#category .breadcrumb__wrapper { margin-bottom: 12px; } }
