/* Advanced Search page styles (filter-specific) */

/* Date range slider - dual thumb */
#activity-date-range-slider {
  touch-action: none;
}
#activity-date-range-slider input[type="range"] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  pointer-events: none;
}
#activity-date-range-slider input[type="range"]::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0d9488;
  border: 2px solid white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  cursor: grab;
}
#activity-date-range-slider input[type="range"]::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0d9488;
  border: 2px solid white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  cursor: grab;
}
#activity-date-range-slider #activity-date-range-start {
  z-index: 2;
}
#activity-date-range-slider #activity-date-range-end {
  z-index: 3;
}
#activity-date-range-track {
  top: 50%;
  transform: translateY(-50%);
  height: 6px;
  border-radius: 3px;
  transition: left 0.05s, width 0.05s;
  z-index: 1;
}
/* Date inputs fit sidebar - prevent overflow */
#filter-activity-start-from,
#filter-activity-start-to {
  max-width: 100%;
  box-sizing: border-box;
}
/* Filter checkbox chips */
.filter-chip-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  margin: 0 -0.125rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.filter-chip-option:hover {
  background-color: rgb(243 244 246);
}
.filter-chip-option:has(input:checked) {
  background-color: rgb(204 251 241);
  color: rgb(20 184 166);
}
.filter-chip-option:has(input:checked) .filter-chip-label {
  font-weight: 600;
  color: rgb(17 94 89);
}
.filter-chip-option input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  accent-color: rgb(20 184 166);
}

/* Pill toggle buttons (Yes/No style) */
.pill-toggle {
  display: inline-flex;
  border-radius: 9999px;
  border: 1px solid rgb(229 231 235);
  background: rgb(243 244 246);
  padding: 3px;
  gap: 2px;
}
.pill-toggle-btn {
  padding: 0.25rem 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25rem;
  border-radius: 9999px;
  color: rgb(156 163 175);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}
.pill-toggle-btn:hover:not(.pill-toggle-btn--active) {
  color: rgb(107 114 128);
  background: rgb(229 231 235);
}
.pill-toggle-btn--active {
  background: white;
  color: rgb(17 94 89);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Mobile results cards */
#results-cards a {
  -webkit-tap-highlight-color: transparent;
}

/* Mobile: extra bottom padding for floating button */
@media (max-width: 767px) {
  #search-results {
    padding-bottom: 5.5rem;
  }
}