/* Targeted fix for black space at top when zooming */

/* Ensure proper background color for all elements */
html, body, #page-top, .masthead, .hero {
    background-color: var(--bg-antra);
}

/* Override masthead padding regardless of screen size */
.masthead {
    padding-top: 0 !important;
}

/* Fix for mobile devices */
@media (max-width: 768px) {
    .masthead {
        padding: 0 !important;
    }
}

/* Prevent horizontal overflow */
html, body {
    overflow-x: hidden;
}

/* Fix for high zoom levels */
@media (min-width: 769px) {
    .masthead {
        padding-top: 0 !important;
    }
    
    /* Ensure hero section connects properly with masthead */
    .hero {
        margin-top: 0;
        padding-top: 0;
    }
}