/* Naijabased/assets/css/layout.css */

/* Ensure html and body take full height and use flex column for layout */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Optional fallback */
}

/* Main content area grows to fill available space */
main {
    flex: 1 0 auto;
    padding-bottom: 2.5rem; /* adjust to footer height */
}

/* Footer stays below content, no fixed positioning */
footer, .site-footer {
    flex-shrink: 0;
    position: relative;
}

/* Responsive tweaks */
@media (max-width: 720px) {
    /* Example: Increase footer padding on smaller screens */
    footer, .site-footer {
        padding: 1rem;
    }
}