/* ===================================================================
 * White Flash Fix - Prevent White Background Flash on Scroll
 * Forces black background on all elements to eliminate white flashing
 * ================================================================ */

/* Force black background on html and body */
html {
    background-color: #000000 !important;
    background: #000000 !important;
}

body {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Ensure all sections have black background */
section {
    background-color: #000000 !important;
}

/* Override any white backgrounds */
.bg-light,
.bg-white {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Fix survival guide section if it exists */
#survival-guide {
    background: #000000 !important;
    background-color: #000000 !important;
}

#survival-guide .guide-card {
    background: linear-gradient(135deg,
        #0a0a0a 0%,
        #1a1a1a 100%
    ) !important;
}

/* Ensure main content area is black */
main,
.main-content {
    background-color: #000000 !important;
}

/* Fix any container backgrounds */
.container {
    background-color: transparent !important;
}

/* Prevent white flash during page load */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: -1;
    pointer-events: none;
}