/* Z-index fixes for Dota 2 Heroes Gallery */
.navbar {
    z-index: 999 !important; /* Ensure navbar is always on top */
}

/* Modal should be below navbar but above other content */
.lore-modal {
    z-index: 100;
    padding-top: 70px; /* Add padding to prevent content from appearing under navbar */
}

/* Hero cards should have lower z-index than both navbar and modal */
.hero-card:hover {
    z-index: 5;
}

/* Additional spacing to ensure content doesn't overlap with fixed navbar */
.dota-hero-section {
    padding-top: 100px;
}