/* ===========================
   GLOBAL PAGE LAYOUT SYSTEM
   Ensures footer stays bottom on ALL pages
   Keeps layout consistent everywhere
=========================== */

/* Page takes full height */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Flex layout controls page structure */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main content grows to push footer down */
main {
    flex: 1;
}

/* Optional: prevent content touching footer */
.page-content {
    padding-bottom: 40px;
}

/* Fix iPhone right-side overflow on menu grid */
.fix-mobile-overflow {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html, body {
    overflow-x: hidden !important;
}