/* Mobile First Optimizations */

/* Smooth scrolling on mobile */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Touch-friendly buttons */
button, a, .clickable {
    min-height: 44px;
    min-width: 44px;
}

/* Prevent text selection on buttons */
button, .btn, .nav-item, .story-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Smooth momentum scrolling */
.sponsor-banners,
.games-stories,
.tab-menu {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

/* Snap scrolling için indicator */
@media (max-width: 768px) {
    /* Scroll indicator için shadow */
    .sponsor-banners::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 30px;
        background: linear-gradient(to right, transparent, var(--bg-primary));
        pointer-events: none;
    }
    
    .sponsor-banners {
        position: relative;
    }
}

/* iOS Safari fix */
@supports (-webkit-touch-callout: none) {
    .sponsor-banners,
    .games-stories {
        padding-bottom: 20px;
    }
}

/* Active state for touch */
.sponsor-card:active,
.story-item:active,
.site-bonus-btn:active,
.bonus-btn:active {
    opacity: 0.8;
}

/* Prevent zoom on input focus (mobile) */
@media (max-width: 768px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}