/* Rooms page styles - keep minimal and build on base.css */
.hero {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(255, 215, 0, 0.12), transparent 60%),
              radial-gradient(1000px 500px at 90% 30%, rgba(220, 20, 60, 0.10), transparent 60%),
              linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-light) 100%);
  padding: var(--space-16) 0 var(--space-12) 0;
  border-bottom: 1px solid var(--color-gray-700);
}
.hero .lead { color: var(--color-text); }

.section { padding: var(--space-12) 0; }
.bg-alt { background: var(--color-surface); }

.image-frame { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-xl); border: 1px solid var(--color-gray-700); }
.image-frame img { display: block; width: 100%; height: auto; }

.availability-widget { display: grid; grid-template-columns: 1fr; gap: var(--space-6); }
@media (min-width: 768px) {
  .availability-widget { grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; }
  .availability-widget .form-group:nth-child(-n+4) { margin: 0; }
}
.availability-widget .form-actions { display: flex; gap: var(--space-4); align-items: center; }

/* CTA glow band */
.cta-glow { background: linear-gradient(180deg, var(--color-navy-light), var(--color-navy)); border-top: 1px solid var(--color-gray-700); border-bottom: 1px solid var(--color-gray-700); }
.cta-glow .btn-secondary { box-shadow: var(--shadow-glow-gold); }

/* Minor heading tweaks within cards */
.h5 { font-size: var(--font-size-xl); color: var(--color-gold); font-family: var(--font-primary); }