/* Simple cross-browser header fix */

/* Make header truly sticky across all browsers */
.header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10000;
    background-color: var(--dark-bg);
}

/* Ensure main content and landing page flow normally */
.main-content {
    /* Remove any padding-top - let content flow naturally */
    padding-top: 0 !important;
}

.landing-page {
    /* Remove any padding-top - let content flow naturally */
    padding-top: 1em !important;
}

/* Content wrapper should fill parent without extra spacing */
.content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: calc(100vh - 120px); /* Account for header roughly */
}

/* Ensure timeline sticks properly within its scroll container */
.timeline-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--dark-bg);
}

/* Sidebar should also stick properly */
.filters-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 90;
}

/* Landing auth menu position */
.landing-auth-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 101;
}

/* Results area should scroll independently */
.results-area {
    overflow-y: auto;
    height: 100%;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .content-wrapper {
        height: calc(100vh - 100px);
    }
}

/* Very small screens */
@media (max-width: 480px) {
    .content-wrapper {
        height: calc(100vh - 90px);
    }
}