/* Rooms Page Styles - SterkeMerkenHotel */

/* Hero */
.rooms-hero { position: relative; overflow: hidden; background-color: var(--color-primary-900); color: var(--color-text-inverse); }
.rooms-hero__bg { position: absolute; inset: 0; background-image: linear-gradient(180deg, rgba(10,22,40,0.55), rgba(10,22,40,0.75)), url('/assets/images/rooms-hero.webp'); background-size: cover; background-position: center; filter: saturate(0.95) contrast(1.05); }
.rooms-hero__inner { position: relative; z-index: 1; max-width: 920px; }
.rooms-hero__title { color: var(--color-text-inverse); margin-bottom: var(--space-4); }
.rooms-hero__subtitle { color: var(--color-accent-200); font-size: var(--font-size-lg); margin-bottom: var(--space-6); max-width: 60ch; }
.rooms-hero__actions { display: flex; gap: var(--space-4); flex-wrap: wrap; }

/* Cards & Grids */
.section-header { margin-bottom: var(--space-6); }
.room-card__title { margin: 0; }
.room-card__price { color: var(--color-neutral-700); }

/* Feature lists */
.feature-list { display: grid; gap: var(--space-2); margin-top: var(--space-4); color: var(--color-text-primary); }
.feature-list li { display: grid; grid-template-columns: 1.25rem 1fr; align-items: start; gap: var(--space-3); font-size: var(--font-size-sm); }
.feature-list i { color: var(--color-accent-600); margin-top: 0.2rem; }
.feature-list--dense li { font-size: var(--font-size-base); }
.feature-list--compact li { font-size: var(--font-size-sm); }

/* Highlights */
.highlight-card .card-body p { margin-bottom: var(--space-4); }

/* Reviews */
.review .card-body { display: grid; gap: var(--space-4); }
.review__meta { color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.stars { color: var(--color-accent-500); letter-spacing: 0.05em; }

/* Virtual tour dialog */
.tour-dialog { width: min(960px, 96vw); border: none; padding: 0; border-radius: var(--radius-xl); box-shadow: var(--shadow-2xl); }
.tour-dialog::backdrop { background: var(--color-overlay); }
.tour-dialog__inner { background: var(--color-surface-elevated); border-radius: var(--radius-xl); overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; }
.tour-dialog__header { display: flex; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-6); border-bottom: 1px solid var(--color-border-light); }
.tour-dialog__body { padding: var(--space-0); background: var(--color-neutral-50); }
.tour-dialog__footer { padding: var(--space-4) var(--space-6); border-top: 1px solid var(--color-border-light); display: flex; justify-content: flex-end; }
.tour-media img { width: 100%; height: auto; display: block; }

/* Responsive tweaks */
@media (max-width: 640px) {
  .rooms-hero__subtitle { font-size: var(--font-size-base); }
  .tour-dialog { width: 96vw; }
}