/* Rooms page specific styles - built on base.css system */

.hero-rooms {
  background: linear-gradient(135deg, rgba(26,58,92,0.85), rgba(212,175,55,0.2)), url('/assets/images/rooms-exec-suite.webp') center/cover no-repeat;
  color: var(--color-text-inverse);
  padding: var(--spacing-20) 0 var(--spacing-16);
}
.hero-rooms .hero-content { max-width: 760px; }
.hero-rooms .hero-actions { margin-top: var(--spacing-6); display: flex; gap: var(--spacing-4); flex-wrap: wrap; }

.room-card .card-img { height: 220px; object-fit: cover; }
.room-card .card-actions { display: flex; gap: var(--spacing-3); margin-top: var(--spacing-3); }
.room-features { color: var(--color-text-light); }

/* Virtual tour viewer */
.tour-viewer {
  width: 100%;
  height: 220px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: grab;
}
.tour-viewer:active { cursor: grabbing; }

/* Rates results */
.rates-results { margin-top: var(--spacing-6); }
.rates-results .result-card { border-left: 4px solid var(--color-secondary); }
.rates-results .price { font-size: var(--font-size-2xl); color: var(--color-primary-dark); font-family: var(--font-family-primary); }

/* Comparison */
.compare-results { overflow-x: auto; }
.compare-table { width: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-lg); }
.compare-table thead th { background: var(--color-warm-light); text-align: left; padding: var(--spacing-4); font-weight: var(--font-weight-semibold); }
.compare-table tbody td { padding: var(--spacing-4); border-top: 1px solid var(--color-gray-200); }
.compare-badge { display: inline-block; padding: 2px 8px; border-radius: var(--radius-full); font-size: var(--font-size-xs); background: var(--color-secondary); color: var(--color-primary-dark); }

/* Minor layout helpers for form alignment */
.align-end { display: flex; align-items: flex-end; }

@media (max-width: 768px) {
  .hero-rooms { padding: var(--spacing-16) 0; }
  .room-card .card-img, .tour-viewer { height: 200px; }
}