/* ===========================================================
   Conference Sessions Archives Page

   The session list is injected into #SessionsContainer by
   conferenceSessionsArchives.js. Brand tokens (--stfm-*) come
   from STFMPageV2.css, which the shared STFM_Layout loads for
   every new-layout page.

   This stylesheet is linked only on this page (via the view's
   Styles section), so the body/main rules below are effectively
   page-scoped and do not affect the shared layout.
   =========================================================== */

/* --- Sticky footer ---
   The page opens with an empty #SessionsContainer (sessions arrive
   via AJAX), so without this the footer sits directly under the nav
   until content loads. Make the body a full-height flex column and
   let the content area grow so the footer is pushed to the bottom. */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

main > #SessionsContainer {
    flex: 1 0 auto;
}

/* --- Session card headings ---
   Restore the brand colors the legacy .tertiary / .primary classes
   provided (those classes are not loaded on the new layout, so both
   currently fall back to the default dark heading color). */
#SessionsContainer .tertiary {
    color: var(--stfm-tertiary); /* conference name (subheader) — bright blue */
}

#SessionsContainer .primary {
    color: var(--stfm-primary); /* session title (header) — dark blue */
}

/* --- Alternate session rows ---
   Match the background of the 'Explore Your Opportunities' section on the
   home page (.tabbed-interface-section in STFMHomePage.css). Even rows are
   left transparent (white). */
#SessionsContainer .session-row--alt {
    background: linear-gradient(to right, #f5f9fc 0%, #f0f6fb 25%, #ebf3fa 50%, #f0f6fb 75%, #f5f9fc 100%);
}