/* === MOBILE FIXES === */

/* Force background to show on mobile */
@media (max-width: 768px) {
    body {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    /* Reduce overlay opacity on mobile to see background better */
    body::before {
        background-color: rgba(255, 255, 255, 0.05) !important;
    }

    /* Banner responsive */
    .main-league-banner {
        height: 200px !important;
    }

    .hero-image-wrapper img {
        object-fit: cover !important;
        object-position: center !important;
        width: 100% !important;
        height: 100% !important;
    }
}