/* Destinations Page */
.filter-container {
  margin-bottom: var(--space-2xl);
}

.filter-options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  justify-content: center;
}

.filter-input {
  display: none;
}

.filter-label {
  display: inline-block;
  padding: var(--space-sm) var(--space-lg);
  background-color: var(--color-light);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.filter-input:checked + .filter-label {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.filter-label:hover {
  background-color: var(--color-gray-light);
}

.filter-input:checked + .filter-label:hover {
  background-color: var(--color-primary-dark);
}

/* CSS-only Filtering for Destinations */
/* This is a simplified filter that shows/hides based on CSS only */
/* In a real implementation with JS, this would be more dynamic */
#filter-europe:checked ~ .destinations-grid .destination-card:not([data-region*="europe"]) {
  display: none;
}

#filter-asia:checked ~ .destinations-grid .destination-card:not([data-region*="asia"]) {
  display: none;
}

#filter-beach:checked ~ .destinations-grid .destination-card:not([data-category*="beach"]) {
  display: none;
}

#filter-adventure:checked ~ .destinations-grid .destination-card:not([data-category*="adventure"]) {
  display: none;
}