/* views_ef_fieldset styling */
.views-ef-fieldset-root {
  width: 100%;
}
.views-ef-fieldset-root + #edit-actions {
  display: none;
}
.views-ef-fieldset-root .views-ef-fieldset-container, .views-ef-fieldset-root .views-ef-fieldset-container > .details-wrapper {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-inline: 0;
  margin-block: var(--gin-spacing-xxs) var(--gin-spacing-s);
  padding: 0 5px;
}
.views-ef-fieldset-root .views-ef-fieldset-container > .details-wrapper > .claro-details__description:empty {
  display: none;
}
.views-ef-fieldset-root .views-ef-fieldset-container > .details-wrapper > .form-item {
  margin-block: var(--space-s) var(--space-s) var(--space-xxs);
}

.views-ef-fieldset-root details[open] summary {
  max-width: 180px;
}
.views-ef-fieldset-root details summary {
  padding-block: calc(var(--gin-spacing-s) - var(--gin-spacing-xxs));
  align-content: center;
  flex: 1 1 0;
  padding-inline-start: 2rem;
  &:before {
    inset-inline-start: .5rem !important;
  }
}

.views-exposed-form.bef-exposed-form .button {
  margin-block: var(--space-s) var(--gin-spacing-xxs);
}

.views-ef-fieldset-container [data-drupal-selector="edit-date-range-wrapper"] > .fieldset__wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "a b" "c c";
  width: 335px;

  .fieldset__description {
    grid-area: c;
  }
}