/* Navigation Overlap Fix */

/* Main content padding to avoid header overlap */
.game-body main,
.game-body #game-interface,
.game-body .p2e-container {
    padding-top: 100px !important; /* Space for fixed header */
}

/* Specific fixes for different page layouts */
.game-body #hero {
    margin-top: 80px;
}

/* P2E banner spacing fix */
.p2e-disabled-banner {
    margin-top: 20px !important;
}

/* Game interface spacing */
#game-interface {
    padding-top: 120px !important;
}

/* Mint progress and notifications positioning */
.toast-notification {
    top: 120px !important; /* Avoid header overlap */
}

/* Ensure mobile menu toggle is above everything */
.mobile-menu-toggle {
    z-index: 1001 !important;
}

/* Dropdown menu positioning fix */
.wallet-dropdown {
    top: 100% !important;
    z-index: 999 !important;
}

/* Modal and overlay positioning */
.modal-overlay {
    z-index: 2000 !important;
}

.coming-soon-notification {
    top: 120px !important;
    z-index: 10000 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .game-body main,
    .game-body #game-interface,
    .game-body .p2e-container {
        padding-top: 90px !important;
    }
    
    #game-interface {
        padding-top: 100px !important;
    }
}

/* Whitepaper page specific fix */
.whitepaper-body main {
    padding-top: 100px !important;
}

.whitepaper-container {
    margin-top: 20px !important;
}