/**
 * Styles for the Google Places restaurant search functionality
 * Dependencies: None
 */

/* Restaurant cards */
#places-search-results .photo-container {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

/* Buttons within cards */
.import-place-btn {
  transition: all 0.2s ease;
}

.import-place-btn:hover {
  transform: translateY(-1px);
}

.view-on-map-btn {
  transition: all 0.2s ease;
}

.view-on-map-btn:hover {
  transform: translateY(-1px);
}

/* Google Places Autocomplete custom styles */
gmp-place-autocomplete::part(input) {
  width: 100% !important;
  padding: 0.5rem !important;
  border-radius: 0.25rem !important;
  border: 1px solid var(--color-neutral-300) !important;
  font-size: inherit !important;
  box-sizing: border-box !important;
}

/* Ensure proper overlay stacking */
#places-search-modal {
  z-index: 60 !important;
}

/* Highlight effect for updated fields */
.highlight-update {
  animation: highlight-pulse 1.5s ease;
}

@keyframes highlight-pulse {
  0% { box-shadow: 0 0 0 0 rgba(61, 90, 128, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(61, 90, 128, 0); }
  100% { box-shadow: 0 0 0 0 rgba(61, 90, 128, 0); }
}