/**
 * Residence one-page layout — PROTOTYPE (?onepage=1)
 *
 * Shows every residence section stacked on the page and turns the tab bar into a
 * sticky scroll-spy "jump to" nav. Loaded only when the onepage query param is
 * present, so the default tabbed layout is completely unaffected.
 *
 * @since 1.0.0 (prototype)
 */

/* Show every section (default layout hides all but .is-active) */
.uksr-residence-tabcard--onepage .uksr-residence-tabs__panel {
    display: block;
    /* Offset for the sticky jump nav / site header when scrolled to */
    scroll-margin-top: 96px;
}

/* First panel keeps flush with the nav; subsequent cards already have 20px margin */
.uksr-residence-tabcard--onepage .uksr-residence-tabs__panel:first-child {
    margin-top: 16px;
}

/* Tab bar becomes a sticky jump nav */
.uksr-residence-tabcard--onepage .uksr-residence-tabs {
    position: sticky;
    top: 0;
    z-index: 60;
    box-shadow: 0 4px 14px -8px rgba(0, 0, 50, 0.25);
    backdrop-filter: saturate(1.1);
}

/* Active (scroll-spy) trigger keeps the existing is-active styling; add a pointer */
.uksr-residence-tabcard--onepage .uksr-residence-tabs__trigger {
    cursor: pointer;
}

/* CTA bar is relocated (via JS) to the bottom, below FAQs — match panel spacing */
.uksr-residence-tabcard--onepage .uksr-residence-tabcard__panels > .uksr-residence-cta-bar {
    margin: 20px;
}

/* Optional: a light heading rule so each stacked section reads as its own block.
   The panels already render their own <h2> headings, so we just ensure breathing room. */
.uksr-residence-tabcard--onepage .uksr-residence-tabs__panel > :first-child {
    scroll-margin-top: 96px;
}

@media (max-width: 768px) {
    .uksr-residence-tabcard--onepage .uksr-residence-tabs__panel {
        scroll-margin-top: 72px;
    }
    .uksr-residence-tabcard--onepage .uksr-residence-tabs {
        top: 0;
    }
}