/**
 * @file
 * Visual styles for exposed filters.
 */
/* Collapsible */
.views-exposed-form .collapsible-filters {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-block-end: var(--p--spacing--1-2);
}
.collapsible-filters--toggle[aria-expanded="false"]
  + .collapsible-filters--panel {
  display: none;
}
.collapsible-filters--panel {
  padding: var(--p--spacing--5-4);
  width: 100%;
}
.collapsible-filters--toggle {
  background-color: var(--p--theme--color--background);
  color: var(--p--theme--color--text);
  border-color: transparent;
}
.collapsible-filters--toggle:hover {
  color: var(--p--theme--color--text-light);
}
.collapsible-filters--toggle[aria-expanded="true"] {
  background-color: var(--p--theme--color--background-highlight);
}

.bef-exposed-form .form--inline > .form-item,
.bef-exposed-form .form--inline .js-form-wrapper > .form-item,
.exposed-filters .filters {
  float: none;
}

.exposed-filters .form-item {
  margin: 0 0 0.1em 0;
  padding: 0;
}
.exposed-filters .form-item label {
  float: left; /* LTR */
  width: 10em;
  font-weight: normal;
}
[dir="rtl"] .exposed-filters .form-item label {
  float: right;
}
.exposed-filters .form-select {
  width: 14em;
}
/* Current filters */
.exposed-filters .current-filters {
  margin-bottom: 1em;
}
.exposed-filters .current-filters .placeholder {
  font-weight: bold;
  font-style: normal;
}
.exposed-filters .additional-filters {
  float: left; /* LTR */
  margin-right: 1em; /* LTR */
}
[dir="rtl"] .exposed-filters .additional-filters {
  float: right;
  margin-right: 0;
  margin-left: 1em;
}