/* Footer fix for specific pages (galeri & kontak)
   Applies a fixed footer at the bottom of the viewport and adds bottom padding
   to the main content so it doesn't get hidden behind the footer.
*/

/* Default footer height variable (tweak if your footer is taller/shorter) */
:root {
    --footer-height: 240px; /* fallback height used for spacing */
}

/* Target only the galeri and kontak pages (adds .page-<pagename> body class in index.php) */
.page-galeri .main-footer,
.page-kontak .main-footer {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990; /* below navbar (1000) but above content */
    width: 100%;
    box-sizing: border-box;
}

/* Prevent content from being hidden behind the fixed footer */
.page-galeri main.page-wrapper,
.page-kontak main.page-wrapper {
    padding-bottom: var(--footer-height);
}

/* Adjustments for very small viewports */
@media (max-height: 700px), (max-width: 480px) {
    :root { --footer-height: 280px; }
}

/* If user prefers footer fixed on all pages, uncomment below
.main-footer {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    width: 100%;
}
main.page-wrapper {
    padding-bottom: var(--footer-height);
}
*/