/*
 * Puget Song Layout Styles
 * Structure for header, footer, and main content area
 */

/* Ensure html and body fill viewport */
html, body {
    height: 100%;
    margin: 0;
}

/* Flexbox layout for sticky footer */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main content grows to push footer down */
.main-content {
    flex: 1;
    padding-top: 46px; /* Account for fixed navbar height */
}

/* Footer stays at bottom */
.site-footer {
    flex-shrink: 0;
}

/* Footer link styling override */
.site-footer a {
    color: #fff;
    text-decoration: underline;
}

.site-footer a:hover {
    color: var(--ps-sage-light);
}

/* Center content helper for splash pages */
.content-center {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 46px - 66px); /* viewport minus header and footer */
}

/* Logo sizing */
.splash-logo {
    max-width: 90%;
    max-height: 60vh;
    width: auto;
    height: auto;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .splash-logo {
        max-width: 85%;
        max-height: 50vh;
    }
}