/* Custom Footer Styling - Ensure footer is at bottom while allowing scroll */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

.main_wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.content-wrapper {
    flex: 1 !important;
}

.footerarea {
    background: var(--darkblack) !important;
    margin-top: auto !important;
    flex-shrink: 0 !important;
}