/* Custom Styles & Utilities */

/* Smooth focus rings */
input:focus, select:focus, button:focus {
  outline: none;
}

/* Custom scrollbar for checkbox grid */
#parksCheckboxGrid::-webkit-scrollbar {
  width: 6px;
}

#parksCheckboxGrid::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

#parksCheckboxGrid::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

#parksCheckboxGrid::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Badge styling */
.badge-50a {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.badge-30a {
  background-color: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

.badge-electric {
  background-color: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}

/* Card hover subtle transition */
.campsite-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.campsite-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
}