.gaz-filter {
  margin: 0 0 12px 0;
  padding: 12px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 8px;
}

.gaz-filter__title {
  font-weight: 400;
  margin-bottom: 10px;
}

/* Liste des checkboxes en ligne */
.gaz-filter__list {
  display: flex;
  flex-wrap: wrap;           /* retour à la ligne si pas assez de place */
  gap: 12px 20px;            /* espacement vertical / horizontal */
  align-items: center;
}

/* Style chip */
.gaz-filter__item {
    padding: 0px 15px;
  border-radius: 0px;
  border: 1px solid rgba(0,0,0,.25);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
  font-size: 10px;
}

/* Cache la checkbox native */
.gaz-filter__checkbox {
  display: none;
}

/* État actif */
.gaz-filter__checkbox:checked + .gaz-filter__label {
  font-weight: 600;
}

.gaz-filter__checkbox:checked ~ .gaz-filter__label,
.gaz-filter__item:has(.gaz-filter__checkbox:checked) {
  background: var(--wp--preset--color--accent-2);
  color: #fff;
  border-color: var(--wp--preset--color--constrast);;
}

.gaz-filter__btn {
  appearance: none;
  border: 1px solid rgba(0,0,0,.2);
  background: transparent;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
}

.gaz-filter__results { margin-top: 12px; background-color: var(--wp--preset--color--accent-5); }
.gaz-filter__results-title { font-weight: 600; margin-bottom: 8px; }
.gaz-filter__results-list { display: grid; gap: 8px; }
.gaz-filter__result { display:flex; gap:10px; align-items:flex-start; cursor:pointer; }
.gaz-filter__result input { margin-top: 3px; }
.gaz-filter__empty { margin: 0; opacity: .8; }