/* Responsividade para telas pequenas */

/* Container do carrossel de próximos jogos - base */
#proximosJogosCarousel {
    display: flex !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
}

#proximosJogosCarousel > div {
    scroll-snap-align: start !important;
}

/* Mobile - 1 card até 859px */
@media (max-width: 859px) {
    /* Reduzir tamanhos de fonte */
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.25rem; }
    h3 { font-size: 1.1rem; }
    
    /* Ajustar padding dos cards do painel */
    .bg-white.dark\:bg-gray-800\/80 {
        padding: 1rem !important;
    }
    
    /* Ajustar títulos dos cards */
    .bg-white.dark\:bg-gray-800\/80 h2 {
        font-size: 1.125rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* Ajustar labels dos formulários */
    .bg-white.dark\:bg-gray-800\/80 label {
        font-size: 0.75rem !important;
    }
    
    /* Ajustar checkboxes para 2 colunas em mobile */
    .grid.grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    /* Ajustar espaçamento dos formulários */
    form.space-y-4 {
        gap: 0.75rem !important;
    }
    
    /* Ajustar altura dos inputs */
    input[type="text"],
    input[type="file"],
    select {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }
    
    /* Ajustar botões */
    button[type="submit"] {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
        font-size: 0.875rem !important;
    }
    
    /* Cards de próximos jogos: mostrar APENAS 1 card por vez em mobile */
    #proximosJogosCarousel {
        gap: 1rem !important;
    }
    
    #proximosJogosCarousel > div {
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Ajustes para tablets - transição para desktop - 2 cards de 860px até 1279px */
@media (min-width: 860px) and (max-width: 1279px) {
    .bg-white.dark\:bg-gray-800\/80 {
        padding: 1.25rem !important;
    }
    
    /* Cards de próximos jogos: mostrar APENAS 2 cards por vez em tablets */
    #proximosJogosCarousel {
        gap: 1.5rem !important;
    }
    
    #proximosJogosCarousel > div {
        min-width: calc((100% - 1.5rem) / 2) !important;
        max-width: calc((100% - 1.5rem) / 2) !important;
        flex: 0 0 calc((100% - 1.5rem) / 2) !important;
    }
}

/* Ajustes para desktop - APENAS 3 cards por vez */
@media (min-width: 1280px) {
    #proximosJogosCarousel {
        gap: 1.5rem !important;
    }
    
    /* Cards de próximos jogos: mostrar APENAS 3 cards por vez em desktop */
    #proximosJogosCarousel > div {
        min-width: calc((100% - 3rem) / 3) !important;
        max-width: calc((100% - 3rem) / 3) !important;
        flex: 0 0 calc((100% - 3rem) / 3) !important;
    }
}