/**
 * CRAF DIBA - filtros como en TEST (pastillas collapsiblock + checkbox).
 */
body[class*="path-recursos-accions-formatives"] .block-facets-ajax,
body[class*="path-recursos-accions-formatives-listado"] .block-facets-ajax {
  --radius: 20px;
  --bg-color: #ffffff;
  position: relative;
}

/* Boton pastilla (tras collapsiblock JS) */
body[class*="path-recursos-accions-formatives"] .collapsiblockTitle button[id*="collapse"],
body[class*="path-recursos-accions-formatives-listado"] .collapsiblockTitle button[id*="collapse"] {
  width: 100%;
  padding-block: var(--10-5, 0.7rem);
  padding-inline: var(--15-10, 1rem) var(--40-20, 2.5rem);
  background-color: var(--bg-color, #fff);
  border-radius: var(--radius, 20px);
  background-image: url("../images/icono_chevron_left.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - (var(--40-20, 2.5rem) / 3));
  background-position-y: 50%;
  background-size: calc(var(--body-fs, 1rem) / 1.33);
  border: 0;
  text-align: left;
  color: var(--azul-osc, #010938);
  transition: all 0s linear;
}

body[class*="path-recursos-accions-formatives"] .collapsiblockTitle:not(.collapsiblockTitleCollapsed) button[id*="collapse"],
body[class*="path-recursos-accions-formatives-listado"] .collapsiblockTitle:not(.collapsiblockTitleCollapsed) button[id*="collapse"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: url("../images/icono_chevron_down.svg");
}

body[class*="path-recursos-accions-formatives"] .collapsiblockContent,
body[class*="path-recursos-accions-formatives-listado"] .collapsiblockContent {
  background-color: var(--bg-color, #fff);
  font-size: calc(var(--body-fs, 1rem) - 2px);
}

body[class*="path-recursos-accions-formatives"] .collapsiblockContent:not(.collapsiblockContentCollapsed),
body[class*="path-recursos-accions-formatives-listado"] .collapsiblockContent:not(.collapsiblockContentCollapsed) {
  border-bottom-left-radius: var(--radius, 20px);
  border-bottom-right-radius: var(--radius, 20px);
}

body[class*="path-recursos-accions-formatives"] .collapsiblockContent ul,
body[class*="path-recursos-accions-formatives-listado"] .collapsiblockContent ul {
  display: flex;
  flex-direction: column;
  padding-inline: var(--15-10, 1rem);
  list-style: none;
  row-gap: var(--10-5, 0.5rem);
  margin: 0;
}

body[class*="path-recursos-accions-formatives"] .collapsiblockContent ul li,
body[class*="path-recursos-accions-formatives-listado"] .collapsiblockContent ul li {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}

/* Fallback si JS aun no ha wrappeado: titulo + lista como pastilla */
body[class*="path-recursos-accions-formatives"] .block-facet--checkbox:not(:has(.collapsiblockContent)) .collapsiblockTitle,
body[class*="path-recursos-accions-formatives"] .block-facet--checkbox:not(:has(button[id*="collapse"])) .collapsiblockTitle {
  background-color: var(--bg-color, #fff);
  border-radius: var(--radius, 20px);
  padding-block: var(--10-5, 0.7rem);
  padding-inline: var(--15-10, 1rem) var(--40-20, 2.5rem);
  background-image: url("../images/icono_chevron_left.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - (var(--40-20, 2.5rem) / 3));
  background-position-y: 50%;
  background-size: calc(var(--body-fs, 1rem) / 1.33);
}
body[class*="path-recursos-accions-formatives"] .block-facet--checkbox:not(:has(.collapsiblockContent)) .collapsiblockTitle h2 {
  margin: 0;
  font-size: var(--body-fs, 1rem);
  color: var(--azul-osc, #010938);
}