/* Hotel-specific UI rules */

.hotel-card .card-img-grad { height: 230px; }
.stars { color: var(--smt-orange); }
.amenity {
  font-size: .82rem;
  color: var(--smt-muted);
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-right: .75rem;
}

.card-img-grad {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border-radius: var(--smt-radius);
}
.card-img-grad::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12,37,72,0) 0%, rgba(12,37,72,0.45) 100%);
}

.tile-paris { background-image: url('../images/dest-paris.jpg'); }
.tile-tokyo { background-image: url('../images/tokyo.avif'); }
.tile-nyc { background-image: url('../images/dest-newyork.jpg'); }
.tile-dubai { background-image: url('../images/dest-dubai.jpg'); }
.tile-bali { background-image: url('../images/dest-bali.jpg'); }
.tile-rome { background-image: url('../images/rome.jpg'); }
.tile-london { background-image: url('../images/dest-london.jpg'); }
.tile-maldives { background-image: url('../images/dest-maldives.jpg'); }
.tile-hotel-1 { background-image: url('../images/hotel-1.jpg'); }
.tile-hotel-2 { background-image: url('../images/hotel-2.jpg'); }
.tile-hotel-3 { background-image: url('../images/hotel-3.jpg'); }

.scroll-item-hotel {
  border-radius: var(--smt-radius);
  position: relative;
  overflow: hidden;
}
.scroll-item-hotel .card-img-grad {
  min-height: 220px;
}

@media (max-width: 768px) {
  .scroll-item-hotel .card-img-grad {
    min-height: 180px;
  }
}