/* GuesthouseVM website: small additions on top of Bootstrap 5.3. */

.narrow {
  max-width: 820px;
}

.hero {
  background: linear-gradient(180deg, var(--bs-tertiary-bg) 0%, var(--bs-body-bg) 100%);
}

.feature {
  padding: 1.25rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 1rem;
  background: var(--bs-body-bg);
}

.feature-icon {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  border-radius: 0.75rem;
  color: var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
}

/* Window captures: transparent PNGs with their own shadow. */
.shot {
  height: auto;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
  }
}