/* Custom resets / tweaks for map and intl-tel-input */
.iti { width: 100%; display: block; }

.step-content {
  display: none;
  opacity: 0;
}

.step-content.active {
  display: block;
  opacity: 1;
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.invalid-input {
  border-color: #ef4444 !important; /* Tailwind border-red-500 */
  box-shadow: 0 0 0 1px #ef4444 !important;
}

.invalid-input:focus {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2) !important;
}

/* Make Leaflet render nicely */
#map {
  z-index: 10;
}

/* Dropdown list for map search results */
#map_search_results li {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 0.15s;
}

#map_search_results li:last-child {
  border-bottom: none;
}

#map_search_results li:hover {
  background-color: #f3f4f6; /* gray-100 */
}