/* ==========================================================================
   Ferholix — FH Homes stays grid (fhhomes/rooms.php). Loaded on top of
   ferholix.css (which provides .wrap/.section/.listing-card/.btn). 375/390px.
   ========================================================================== */

/* Page header band + __count are shared (ferholix.css). */

/* Stays grid — 1-up on mobile, 2-up from tablet. One listing shows one card,
   left-aligned (not stretched across the row). */
.rooms__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1.25rem, 3vw, 2rem);
}
.rooms__empty { color: var(--cream-dim); text-align: center; padding: 2rem 0; }

@media (min-width: 720px) {
    .rooms__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: start;
    }
    /* keep a lone card at a natural width instead of a full-row stretch */
    .rooms__grid > .listing-card:only-child { max-width: 520px; }
}

/* Closing CTA band. */
.rooms-cta {
    text-align: center;
    padding: clamp(3rem, 7vw, 5rem) 0;
    background:
        radial-gradient(120% 140% at 50% 0%, rgba(217, 168, 74, .16) 0%, rgba(11, 11, 10, 0) 60%),
        var(--ink-2);
    border-top: 1px solid rgba(244, 241, 234, .07);
}
.rooms-cta__title { font-size: clamp(1.6rem, 4.5vw, 2.4rem); margin: 0 0 .4rem; }
.rooms-cta__sub { color: var(--cream-dim); margin: 0 0 1.5rem; }