/* ===== FOOTER FIX - REMOVE STICKY BEHAVIOR ===== */

/* Reset body flex layout yang menyebabkan footer sticky */
body {
    display: block !important;
    flex-direction: initial !important;
    min-height: auto !important;
}

/* Reset main content flex */
main, .main-content {
    flex: initial !important;
}

/* Reset footer margin-top auto yang menyebabkan sticky */
footer {
    margin-top: 0 !important;
    flex-shrink: initial !important;
    position: static !important;
}

/* Pastikan footer tetap di bawah dengan margin normal */
footer {
    margin-top: 2rem !important;
    width: 100% !important;
    clear: both !important;
}

/* Khusus untuk mobile - pastikan footer tidak sticky */
@media (max-width: 768px) {
    body {
        display: block !important;
        min-height: auto !important;
    }
    
    footer {
        position: static !important;
        margin-top: 1.5rem !important;
    }
}

/* Override any other CSS that might make footer sticky */
.footer1, .footer-main {
    position: static !important;
    bottom: auto !important;
}

/* Ensure proper document flow */
html, body {
    height: auto !important;
    min-height: auto !important;
}

/* Fix for pages with little content */
.container, .custom-container {
    min-height: auto !important;
}

/* Debugging - remove after testing */
/*
footer {
    border-top: 3px solid red !important;
}
*/