/* ── PDF modal: raise z-index above Drupal toolbar (z-index 1250) ────────── */
.page-resources .pdf-modal {
  z-index: 1300;
}

/* ── Documents page: category filter pills (BEF links) ──────────────────── */

.page-resources .views-exposed-form {
  margin-bottom: 20px;
}

/* Hide label and form actions — BEF links replace the select widget. */
.page-resources .views-exposed-form .form-item-category>label,
.page-resources .views-exposed-form .form-actions {
  display: none;
}

/* ── Pills strip (BEF links widget) ── */
.page-resources .views-exposed-form .bef-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-resources .views-exposed-form .bef-links li {
  margin: 0;
  padding: 0;
}

/* Shared pill style for both JS-built buttons and BEF links */
.page-resources .views-exposed-form .docs-filter,
.page-resources .views-exposed-form .bef-link {
  display: inline-block;
  font-family: "Poppins", "IBM Plex Sans Arabic", sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: var(--ink-55);
  background: transparent;
  border: 1px solid var(--ink-10);
  padding: 9px 18px;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
  white-space: nowrap;
}

.page-resources .views-exposed-form .docs-filter:hover,
.page-resources .views-exposed-form .bef-link:hover {
  /* color: var(--ink); */
  border-color: var(--ink-40);
}

.page-resources .views-exposed-form .docs-filter.active,
.page-resources .views-exposed-form .bef-link--selected {
  color: var(--bg);
  background: var(--ink);
  border-color: var(--ink);
}