/* =============================================================================
   ESTILOS DA ABA DE TORNEIOS DO CLUBE (100% IDÊNTICO À PÁGINA GLOBAL DE TORNEIOS)
   Caminho: front/pages/club/css/torneios.css
   Regra 1: Não utilizar animações CSS de hover com movimento scale ou shadow
   Regra 2: Não utilizar em momento algum emojis
   ============================================================================= */

@import url("../../home/css/torneios.css");
@import url("../../torneios/css/torneios.css");

.club-tournaments-global-style {
    width: 100%;
    margin-bottom: 2.5rem;
}

/* Suporte à proporção idêntica dos cartões no contentor da aba do clube */
.club-tournaments-global-style .torneios-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    width: 100%;
}

.club-tournaments-global-style .tournament-fullbleed-card {
    flex: none !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 540 / 675 !important;
    margin: 0 !important;
    cursor: pointer;
    overflow: hidden;
}

@media (max-width: 991px) {
    .club-tournaments-global-style .torneios-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem;
    }
}

@media (max-width: 640px) {
    .club-tournaments-global-style .torneios-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }
}