/* amenities.css - SterkeMerkenHotel Amenities page styles */

/* Hero */
.amenities-hero { position: relative; min-height: 52vh; display: flex; align-items: center; background-color: var(--color-primary-900); color: var(--color-text-inverse); overflow: hidden; }
.amenities-hero__media { position: absolute; inset: 0; }
.amenities-hero__media img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6); }
.amenities-hero__content { position: relative; z-index: 1; padding-top: var(--space-16); padding-bottom: var(--space-16); }
.amenities-hero__tagline { max-width: 60ch; color: var(--color-neutral-100); margin-top: var(--space-2); }
.amenities-hero__cta { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; }

/* Anchor nav */
.amenities-anchor { overflow-x: auto; }
.amenities-anchor__list { display: flex; gap: var(--space-3); align-items: center; white-space: nowrap; padding: var(--space-2) 0; }
.amenities-anchor__link { display: inline-block; padding: var(--space-2) var(--space-4); border: 1px solid var(--color-border-light); border-radius: var(--radius-full); color: var(--color-text-primary); background: var(--color-surface-elevated); box-shadow: var(--shadow-sm); }
.amenities-anchor__link:hover { color: var(--color-primary-700); border-color: var(--color-primary-300); }

/* Lists inside cards/sections */
.amenities-list { display: grid; gap: var(--space-2); }
.amenities-list li { display: flex; align-items: center; gap: var(--space-3); color: var(--color-text-secondary); }
.amenities-list i { color: var(--color-accent-600); }

/* Reviews layout adjustments for hidden items */
#reviewsGrid > .card[hidden] { display: none !important; }

/* Responsive tweaks */
@media (max-width: 640px) {
  .amenities-hero { min-height: 46vh; }
  .amenities-hero__tagline { margin-top: var(--space-3); }
}