/* =========================================================
   home.css  (Theme Variant: Nature)
   ---------------------------------------------------------
   PURPOSE: Driving 100% transactional and structural core elements
   while delegating marketing compositions to the central rendering layer.
   ========================================================= */

/* =========================
   1) BASE / UTILITIES
========================= */
body {
    background-color: white;
    min-height: var(--min-height-body);
}

.card {
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: var(--border-radius-secondary);
    background-color: var(--background-tertiary);
    border: var(--border-primary);
    box-shadow: var(--box-shadow-primary);
}

/* title-secondary/tertiary now handled by _shared/base/section-header.css */


#prevBtn, #nextBtn  { display: none;}


/* =========================
   4) ROOMS & SHARED BG
========================= */


.rooms {
    padding: 2rem 0;
}



.rooms {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: clamp(1rem, 3vw, 2rem);
}

/* rooms/gallery header now handled by _shared/base/section-header.css */



/* =========================
   8) MEDIA QUERIES
========================= */



@media (max-width: 1024px) {
    /* Room Details Stack override */
    .rooms {
        margin: var(--margin-page-negative) !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100vw;
        align-items: center;
        justify-content: center;
    }
}