/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.htmx-indicator {
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator {
  opacity: 1;
}
.htmx-request.htmx-indicator {
  opacity: 1;
}

.htmx-swapping .restaurant-image {
  opacity: 0.1;
  transition: opacity 500ms ease-out;
}

.htmx-swapping .card-title {
  opacity: 0.1;
  transition: opacity 500ms ease-out;
}

.invisible-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.invisible-scrollbar::-webkit-scrollbar {
  width: 0; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
  display: none; /* Safari and Chrome */
}

.dot-separated li {
  white-space: nowrap; /* Prevents text wrapping */
  display: flex;
  color: #4b4b4b;
}
.dot-separated li:not(:last-child)::after {
  content: "•"; /* Adds the bullet separator */
  margin: 0 5px;
  color: #aaa;
}

.description p {
  margin-bottom: 1rem;
}

.home-hero {
  background-image: url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp);
}