/* Responsive filter controls and larger tap targets, v1.4.0. */
.onon-filter-toggle { display: none; }
.onon-filter-actions { display: flex; align-items: end; gap: .65rem; }
.onon-apply-filters { display: none; }
.onon-explorer button,
.onon-explorer .onon-card-link,
.onon-explorer-intro a {
  min-height: 44px;
}
.onon-explorer .onon-card-link,
.onon-explorer-intro a {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 600px) {
  .onon-filter-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    margin: 0 0 .75rem;
    padding: .75rem 1rem;
    border: 1px solid var(--ink);
    border-radius: 9px;
    background: var(--ink);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
  }
  .onon-filter-toggle:focus-visible,
  .onon-apply-filters:focus-visible,
  .onon-clear:focus-visible,
  .onon-load-more:focus-visible {
    outline: 3px solid rgba(168,59,40,.25);
    outline-offset: 2px;
  }
  .onon-explorer-filters { display: none; }
  .onon-explorer-filters.is-open { display: grid; }
  .onon-filter-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
  .onon-apply-filters,
  .onon-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    margin: 0;
  }
  .onon-apply-filters {
    border: 1px solid var(--accent);
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
  }
  .onon-explorer-filters input,
  .onon-explorer-filters select { min-height: 48px; font-size: 16px; }
  .onon-card-link { min-height: 48px; }
  .onon-load-more { width: 100%; min-height: 50px; }
}