/* Subtle, opt-in row motion and interaction polish.
   The JavaScript only adds pending states when motion is allowed, so content
   remains fully visible when JavaScript is unavailable. */

.uaa-reveal-pending {
  opacity: 0;
  transform: translateY(14px);
}

.uaa-reveal-pending,
.uaa-reveal-visible {
  transition:
    opacity 460ms ease,
    transform 460ms ease;
}

.uaa-reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

[data-uaa-stagger] > .uaa-stagger-item {
  transition-delay: calc(var(--uaa-stagger-index, 0) * 55ms);
}

.uaa-interactive-card {
  overflow: hidden;
  transition:
    transform 200ms ease,
    box-shadow 200ms ease,
    border-color 200ms ease;
}

.uaa-interactive-card .card-img-top,
.uaa-interactive-card .uaa-card-image {
  transition: transform 260ms ease;
}

.uaa-filter-region {
  transition: opacity 140ms ease;
}

.uaa-filter-region.is-filtering {
  opacity: .55;
}

.uaa-filter-empty[hidden] {
  display: none !important;
}

.uaa-filter-pills {
  scrollbar-width: thin;
}

.uaa-filter-pills .btn {
  white-space: nowrap;
}

.uaa-room-code {
  letter-spacing: .02em;
}

.uaa-quick-route {
  text-decoration: none;
}

.uaa-quick-route .fa-arrow-right {
  transition: transform 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .uaa-interactive-card:hover,
  .uaa-interactive-card:focus-within {
    transform: translateY(-2px);
    box-shadow: var(--bs-box-shadow);
    border-color: rgba(var(--bs-primary-rgb), .35);
  }

  .uaa-interactive-card:hover .card-img-top,
  .uaa-interactive-card:focus-within .card-img-top,
  .uaa-interactive-card:hover .uaa-card-image,
  .uaa-interactive-card:focus-within .uaa-card-image {
    transform: scale(1.015);
  }

  .uaa-quick-route:hover .fa-arrow-right,
  .uaa-quick-route:focus .fa-arrow-right {
    transform: translateX(3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .uaa-reveal-pending,
  .uaa-reveal-visible,
  [data-uaa-stagger] > .uaa-stagger-item,
  .uaa-interactive-card,
  .uaa-interactive-card .card-img-top,
  .uaa-interactive-card .uaa-card-image,
  .uaa-filter-region,
  .uaa-quick-route .fa-arrow-right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}