/*
 * Your global styles here
 */
html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

/*
 * Sticky footer on short pages
 * ----------------------------
 * On short content (e.g. 50% zoom → tall viewport) the footer left whitespace
 * below it: the LWR wrappers around it collapse to content height, so the
 * footer's `position: sticky; top: 100vh` had no room to drop to the bottom.
 *
 * Fix: make the site's layout column a full-height flex stack and push the
 * footer to its bottom. The column is anchored by our OWN component host tags
 * in the light DOM — c-moh-site-logo (header) and c-moh-footer (footer) — so it
 * depends on NO Salesforce-internal wrapper class (org has no namespace, so an
 * LWC's host tag is c-<kebab-folder-name>).
 */

/* The layout column = the wrapper containing both the header logo and footer. */
body :has(c-moh-site-logo):has(c-moh-footer) {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Its direct child that holds the footer → pinned to the column's bottom. */
body :has(c-moh-site-logo):has(c-moh-footer) > *:has(c-moh-footer) {
    margin-top: auto;
}