/* ========================================
   Legacy support: filter toggle buttons
   used on other pages (map, etc.)
   ======================================== */
.filter-controls {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.filter-toggle {
  transition: all 0.2s;
  border-width: 1px;
  border-style: solid;
}

.filter-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.filter-toggle.active {
  border-color: currentColor;
}

.filter-toggle.inactive {
  opacity: 0.35;
}

/* FH Level filter buttons (used on other pages) */
.fh-filter-d1-1.active { background-color: var(--color-d1-1); color: white; }
.fh-filter-d1-1.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d1-2.active { background-color: var(--color-d1-2); color: #1a3a52; }
.fh-filter-d1-2.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d1-3.active { background-color: var(--color-d1-3); color: #1a3a52; }
.fh-filter-d1-3.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d1-4.active { background-color: var(--color-d1-4); color: #1a3a52; }
.fh-filter-d1-4.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d2-1.active { background-color: var(--color-d2-1); color: white; }
.fh-filter-d2-1.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d2-2.active { background-color: var(--color-d2-2); color: #2d5a3d; }
.fh-filter-d2-2.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d3-1.active { background-color: var(--color-d3-1); color: white; }
.fh-filter-d3-1.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d3-2.active { background-color: var(--color-d3-2); color: #5a2a2a; }
.fh-filter-d3-2.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-d3-3.active { background-color: var(--color-d3-3); color: #5a2a2a; }
.fh-filter-d3-3.inactive { background-color: #f8f9fa; color: #6c757d; }
.fh-filter-usports.active { background-color: var(--color-usports); color: white; }
.fh-filter-usports.inactive { background-color: #f8f9fa; color: #6c757d; }

.locale-filter-city.active,
.locale-filter-suburban.active,
.locale-filter-town.active,
.locale-filter-rural.active {
  background-color: #90a4ae;
  color: white;
}
.locale-filter-city.inactive,
.locale-filter-suburban.inactive,
.locale-filter-town.inactive,
.locale-filter-rural.inactive {
  background-color: #f8f9fa;
  color: #6c757d;
}

.enrollment-filter.active {
  background-color: #90a4ae;
  color: white;
}
.enrollment-filter.inactive {
  background-color: #f8f9fa;
  color: #6c757d;
}