/* Bareshoes.fr — page Promotions (Black Friday, soldes…) : barre de filtres horizontale reprise des pages marques
   (règles de custom.css du 27/10/2026, pour body.page-prices-drop), rayons Femme / Homme / Accessoires en pastilles. */
body.page-prices-drop #left-column { display: none !important; }
body.page-prices-drop #content-wrapper { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; float: none !important; }
/* barre de filtres horizontale (ordinateur) : Taille, Couleur… en boutons à menu déroulant, tri à droite */
@media (min-width: 992px) {
  body.page-prices-drop #js-product-list-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 20px; padding: 12px 0; border-top: 1px solid #e6e4e0; border-bottom: 1px solid #e6e4e0; }
  body.page-prices-drop #js-product-list-top > .total-products { display: none; }
  body.page-prices-drop #js-product-list-top .filter-mobile { display: block !important; flex: 1 1 auto; float: none; width: auto; padding: 0; position: static; }
  body.page-prices-drop #js-product-list-top #search_filters { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
  body.page-prices-drop #js-product-list-top #search_filters > p.h6,
  body.page-prices-drop #js-product-list-top #search_filters .bhs-voir-produits,
  body.page-prices-drop #js-product-list-top .bhs-sans-objet { display: none !important; }
  body.page-prices-drop #js-product-list-top .facet { position: relative; flex: none; width: auto; margin: 0; padding: 0; border: 0; }
  body.page-prices-drop #js-product-list-top .facet > .facet-title { display: inline-flex !important; width: auto !important; max-width: none !important; white-space: nowrap; align-items: center; gap: 8px; height: 40px; margin: 0; padding: 0 14px; border: 1px solid #d6d3ce; border-radius: 8px; background: #fff; color: #141414; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; cursor: pointer; user-select: none; }
  body.page-prices-drop #js-product-list-top .facet > .facet-title::after { content: ""; width: 7px; height: 7px; margin: -4px 0 0 2px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; flex: none; transform: rotate(45deg); transition: transform .2s; }
  body.page-prices-drop #js-product-list-top .facet > .facet-title:hover { border-color: #141414; }
  body.page-prices-drop #js-product-list-top .facet > .facet-title:focus-visible { outline: 2px solid #ff0066; outline-offset: 2px; }
  body.page-prices-drop #js-product-list-top .facet.bhs-ouvert > .facet-title { border-color: #141414; }
  body.page-prices-drop #js-product-list-top .facet.bhs-ouvert > .facet-title::after { transform: rotate(-135deg); margin-top: 4px; }
  body.page-prices-drop #js-product-list-top .facet.bhs-actif > .facet-title { background: #141414; border-color: #141414; color: #fff; }
  body.page-prices-drop #js-product-list-top .facet > ul { display: none !important; position: absolute; top: calc(100% + 6px); left: 0; z-index: 60; min-width: 230px; max-height: 340px; overflow: auto; margin: 0; padding: 10px; list-style: none; background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06); }
  body.page-prices-drop #js-product-list-top .facet.bhs-ouvert > ul { display: block !important; }
  /* pointures : petites cases (comme sur la fiche produit), noires quand elles sont choisies */
  body.page-prices-drop #js-product-list-top .facet[data-type="attribute_group"]:not([data-name="Couleur"]) > ul { min-width: 280px; }
  body.page-prices-drop #js-product-list-top .facet.bhs-ouvert[data-type="attribute_group"]:not([data-name="Couleur"]) > ul { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  body.page-prices-drop #js-product-list-top .facet[data-type="attribute_group"]:not([data-name="Couleur"]) .custom-checkbox { display: none; }
  body.page-prices-drop #js-product-list-top .facet[data-type="attribute_group"]:not([data-name="Couleur"]) .facet-label { justify-content: center; padding: 0; border: 1px solid #d6d3ce; }
  body.page-prices-drop #js-product-list-top .facet[data-type="attribute_group"]:not([data-name="Couleur"]) .facet-label:hover { border-color: #141414; background: #fff; }
  body.page-prices-drop #js-product-list-top .facet[data-type="attribute_group"]:not([data-name="Couleur"]) .facet-label.active { background: #141414; border-color: #141414; }
  body.page-prices-drop #js-product-list-top .facet[data-type="attribute_group"]:not([data-name="Couleur"]) .facet-label.active a { color: #fff; }
  body.page-prices-drop #js-product-list-top .facet > ul li { margin: 0; padding: 0; }
  body.page-prices-drop #js-product-list-top .facet > ul .facet-label { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; margin: 0; padding: 0 8px; border-radius: 6px; cursor: pointer; }
  body.page-prices-drop #js-product-list-top .facet > ul .facet-label:hover { background: #f3f3f1; }
  body.page-prices-drop #js-product-list-top .facet > ul .facet-label a { display: flex; align-items: center; width: 100%; max-width: none; min-height: 38px; margin: 0; padding: 0; float: none; overflow: visible; white-space: nowrap; color: #141414; font-size: 14px; }
  body.page-prices-drop #js-product-list-top .facet[data-type="attribute_group"]:not([data-name="Couleur"]) .facet-label a { justify-content: center; }
  body.page-prices-drop #js-product-list-top #_desktop_search_filters_clear_all { margin: 0; }
  body.page-prices-drop #js-product-list-top #_desktop_search_filters_clear_all .btn { height: 40px; margin: 0; padding: 0 10px; text-transform: none; font-size: 13px; }
  body.page-prices-drop #js-product-list-top .product_sort { flex: 0 0 auto; width: auto; max-width: none; margin-left: auto; }
}
/* « Filtres actifs » fait doublon avec les boutons noirs de la barre (« Effacer tout » reste), comme sur les pages marques */
body.page-prices-drop #js-active-search-filters { display: none !important; }
/* rayons en pastilles (même style que les types des pages marques) */
body.page-prices-drop .bhs-types { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; }
body.page-prices-drop .bhs-types li { margin: 0; }
body.page-prices-drop .bhs-types a { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border: 1px solid #d6d3ce; border-radius: 999px; background: #fff; color: #141414; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; }
body.page-prices-drop .bhs-types a:hover { border-color: #141414; color: #141414; }
body.page-prices-drop .bhs-types a:focus-visible { outline: 2px solid #ff0066; outline-offset: 2px; }
body.page-prices-drop .bhs-types a[aria-current="true"] { background: #141414; border-color: #141414; color: #fff; }
@media (max-width: 767px) {
  body.page-prices-drop .bhs-types { flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px 12px; padding: 2px 15px 4px; scrollbar-width: none; }
  body.page-prices-drop .bhs-types::-webkit-scrollbar { display: none; }
  body.page-prices-drop .bhs-types li { flex: none; }
}