/* ========================================================================
    Master Loterias Stylesheet v2.3 - Números Maiores & Responsivo Ajustado
   ======================================================================== */

/* --- Estrutura Principal da Caixa de Resultados (Posts) --- */
.loto-results-box {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 20px 25px;
    max-width: 550px;
    margin: 25px auto;
    background-color: #ffffff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.07);
    overflow: hidden;
}

.loto-results-box .loto-title { text-align: center; font-size: 24px; font-weight: bold; margin-top: 0; margin-bottom: 10px; }
.loto-results-box .loto-contest-number { text-align: center; color: #555; font-size: 15px; margin-top: 0; margin-bottom: 25px; }
.loto-results-box .loto-subtitle { text-align: center; color: #333; margin-top: 0; margin-bottom: 15px; font-size: 18px; font-weight: bold; }
.loto-results-box .loto-divider { border-top: 1px dashed #ccc; margin-top: 25px; padding-top: 20px; text-align: center; }

/* --- Estilo Base Universal (propriedades comuns) --- */
.loto-numero,
.loto-trevo,
.loto-grid-numero {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: white !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: none;
    margin: 0; /* Removido margin padrão, usaremos gap ou margin específica abaixo */
}

/* ========================================================================
    Layout Responsivo v2.3 - Números Maiores
   ======================================================================== */

/* --- TAMANHO E FORMA PADRÃO (Telas Maiores - AUMENTADO) --- */
/* Números Redondos (Mega, Quina, Dupla, Timemania, Dia Sorte, +M) */
.loto-numero {
    width: 52px !important;    /* AUMENTADO */
    height: 52px !important;   /* AUMENTADO */
    font-size: 21px !important; /* AUMENTADO */
    border-radius: 50%;
    flex-shrink: 0;
}
/* Números Grid (Lotofácil, Lotomania) */
.loto-grid-numero {
    width: 46px !important;    /* AUMENTADO */
    height: 46px !important;   /* AUMENTADO */
    font-size: 18px !important; /* AUMENTADO */
    border-radius: 50%;
}
/* Trevos (+Milionaria) */
.loto-trevo {
    width: 52px !important;    /* AUMENTADO (igual .loto-numero) */
    height: 52px !important;   /* AUMENTADO */
    font-size: 21px !important; /* AUMENTADO */
    border-radius: 8px;
    flex-shrink: 0;
}
 /* Super Sete */
.loto-numero.supersete {
    border-radius: 10px !important;
    margin: 5px auto; /* Mantém centralização original */
    width: 52px !important;    /* AUMENTADO */
    height: 52px !important;   /* AUMENTADO */
    font-size: 21px !important; /* AUMENTADO */
}

/* --- Layout dos Containers (Resultados e Palpites) --- */
/* Container para números NÃO-GRID (mantém em uma linha, sem scroll) */
.loto-results-box .loto-numbers-container:not(.grid-5-col):not(.trevo-numbers),
.ml-palpite-resultado .loto-numbers-container:not(.grid-5-col):not(.trevo-numbers) {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0; /* Remove gap do pai se usar margin nos filhos */
    margin-bottom: 25px;
    overflow-x: hidden;
    align-items: center;
}
/* Container de Trevos (+Milionaria) */
 .loto-results-box .loto-numbers-container.trevo-numbers,
 .ml-palpite-resultado .loto-numbers-container.trevo-numbers {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0; /* Remove gap do pai se usar margin nos filhos */
    margin-top: 15px;    /* AUMENTADO espaço acima */
    overflow-x: hidden;
    align-items: center;
}
/* Adiciona margem nos filhos dos containers flex (para simular gap com overflow:hidden) */
.loto-results-box .loto-numbers-container:not(.grid-5-col) > *,
.ml-palpite-resultado .loto-numbers-container:not(.grid-5-col) > * {
    margin-left: 6px; /* Metade do gap desejado (12px / 2) */
    margin-right: 6px; /* Metade do gap desejado */
}

/* Container Grid (Lotofácil / Lotomania) */
.loto-numbers-container.grid-5-col {
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: 8px;            /* ESPAÇAMENTO PADRÃO AUMENTADO */
    justify-content: center;
    max-width: 300px;    /* AUMENTADO para caber números maiores */
    margin: 0 auto 25px auto;
}
/* Remove margem inferior extra no palpite */
.ml-palpite-resultado .loto-numbers-container {
    margin-bottom: 10px; /* Aumentado um pouco */
}

/* Garante que o último container no post não tenha margem extra */
.loto-results-box .loto-numbers-container:last-child {
    margin-bottom: 5px;
}


/* --- MEDIA QUERY PARA TELAS PEQUENAS (AJUSTADO PONTO DE QUEBRA E TAMANHOS) --- */
@media (max-width: 480px) { /* Ponto de quebra aumentado para 480px */

    /* Reduz o espaçamento nos containers NÃO-GRID */
    .loto-results-box .loto-numbers-container:not(.grid-5-col) > *,
    .ml-palpite-resultado .loto-numbers-container:not(.grid-5-col) > * {
        margin-left: 4px; /* Metade do gap menor (8px / 2) */
        margin-right: 4px; /* Metade do gap menor */
    }

    /* REDUZ O TAMANHO dos números redondos e trevos (MAIOR QUE ANTES) */
    .loto-numero:not(.supersete),
    .loto-trevo {
        width: 42px !important;   /* AUMENTADO (era 38px) */
        height: 42px !important;  /* AUMENTADO (era 38px) */
        font-size: 17px !important; /* AUMENTADO (era 15px) */
    }
    .loto-trevo { border-radius: 6px; } /* Ajuste borda trevo */
    .loto-numero.supersete { /* Ajusta Super Sete também */
        width: 42px !important;
        height: 42px !important;
        font-size: 17px !important;
        border-radius: 8px !important;
    }

    /* Reduz o espaçamento e tamanho no GRID (MAIOR QUE ANTES) */
    .loto-numbers-container.grid-5-col {
        gap: 5px;            /* AJUSTADO */
        max-width: 250px;    /* AJUSTADO para caber números de ~40px */
    }
    .loto-grid-numero {
        width: 40px !important;   /* AUMENTADO (era 36px) */
        height: 40px !important;  /* AUMENTADO (era 36px) */
        font-size: 16px !important; /* AUMENTADO (era 15px) */
    }
}


/* ========================================================================
    Cores Específicas por Loteria (Backgrounds) - Aplicam-se a todos
   ======================================================================== */
.loto-numero.megasena, .loto-grid-numero.megasena { background-color: #136242; }
.loto-numero.quina, .loto-grid-numero.quina { background-color: #260085; }
.loto-grid-numero.lotofacil { background-color: #930089; }
.loto-grid-numero.lotomania { background-color: #FF8C00; }
.loto-numero.duplasena { background-color: #D40000; }
.loto-numero.duplasena.sorteio2 { background-color: #808080; }
.loto-numero.maismilionaria { background-color: #006634; }
.loto-trevo { background-color: #005C2E; }
.loto-numero.supersete { background-color: #00A651; }
.loto-numero.diadesorte { background-color: #D4AC0D; }
.loto-numero.timemania { background-color: #008000; }
/* ... (depois das cores da Timemania) ... */

/* === NOVAS REGRAS PARA TELE SENA === */
.loto-results-box.telesena--mais-menos .loto-title { 
    color: #004a8f; 
}
.loto-results-box.telesena--mais-menos .loto-grid-numero { 
    background-color: #007bff; 
}

.loto-results-box.telesena--completa .loto-title { 
    color: #343a40; 
}
.loto-results-box.telesena--completa .loto-grid-numero { 
    background-color: #6c757d; 
}
/* ========================================================================
    Restante do CSS (Títulos, Layouts Específicos, Federal, Conferidor, Shortcode)
   ======================================================================== */
/* --- Títulos --- */
.loto-results-box.megasena .loto-title, .ultimo-resultado-megasena h4 { color: #209869; }
.loto-results-box.quina .loto-title, .ultimo-resultado-quina h4 { color: #260085; }
.loto-results-box.lotofacil .loto-title, .ultimo-resultado-lotofacil h4 { color: #930089; }
.loto-results-box.lotomania .loto-title, .ultimo-resultado-lotomania h4 { color: #FF8C00; }
.loto-results-box.duplasena .loto-title.sorteio1, .ultimo-resultado-duplasena h4 { color: #D40000; }
.loto-results-box.maismilionaria .loto-title, .ultimo-resultado-maismilionaria h4 { color: #006A3D; }
.loto-results-box.supersete .loto-title { color: #00A651; }
.loto-results-box.diadesorte .loto-title, .ultimo-resultado-diadesorte h4 { color: #B8860B; }
.loto-results-box.timemania .loto-title, .ultimo-resultado-timemania h4 { color: #008000; }
.loto-federal-box h4, .ultimo-resultado-federal h4 { color: #154580; }

/* Super Sete (Layout Colunas - Apenas Post) */
/* Garante que o container flex funcione e tenha espaçamento consistente com outros */
.loto-results-box.supersete .loto-numbers-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0; /* Usa margin nos filhos */
    margin-bottom: 25px;
    overflow-x: hidden;
    align-items: center;
}
.loto-results-box.supersete .loto-numbers-container > .loto-column-box {
    margin-left: 5px; /* Metade do gap desejado */
    margin-right: 5px; /* Metade do gap desejado */
}
.loto-results-box.supersete .loto-column-box { text-align:center; flex: 1 1 0px; min-width: 40px; }
.loto-results-box.supersete .loto-column-title { margin:0 0 5px 0; font-size:13px; color:#555; font-weight:bold; }
@media (max-width: 480px) { /* Ajusta espaçamento do SuperSete no mobile */
     .loto-results-box.supersete .loto-numbers-container > .loto-column-box {
        margin-left: 3px;
        margin-right: 3px;
    }
}

/* Dia de Sorte / Timemania Extras */
.loto-results-box.diadesorte .loto-subtitle-mes, .ultimo-resultado-diadesorte .loto-subtitle-mes,
.ml-palpite-resultado .palpite-extra {
     font-size: 18px; text-align: center; color: #333; margin-top: 20px; margin-bottom: 10px; font-weight: bold;
}
.loto-results-box.diadesorte .loto-mes-sorte, .ultimo-resultado-diadesorte .loto-mes-sorte {
    font-size: 20px; text-align: center; color: #B8860B; font-weight: bold; margin-top: 0;
}
.loto-results-box.timemania .loto-subtitle-time, .ultimo-resultado-timemania .loto-subtitle-time {
    font-size: 18px; text-align: center; color: #333; margin-top: 20px; margin-bottom: 10px; font-weight: bold;
}
.loto-results-box.timemania .loto-time-coracao, .ultimo-resultado-timemania .loto-time-coracao {
    font-size: 20px; text-align: center; color: #006400; font-weight: bold; margin-top: 0;
}

/* --- Loteria Federal --- */
.loto-federal-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.loto-federal-table th, .loto-federal-table td { padding: 10px; border: 1px solid #ddd; text-align: center; }
.loto-federal-table th { background-color: #f7f7f7; font-weight: bold; }
.loto-federal-table .bilhete-premiado { font-weight: bold; font-size: 1.1em; }

/* --- Conferidor --- */
.conferidor-container { background-color: #f7f7f7; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin: 30px 0; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.conferidor-container h3 { margin-top: 0; font-size: 1.5em; }
.conferidor-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); gap: 8px; margin: 20px auto; max-width: 600px; }
.numero-conferidor { display: flex; align-items: center; justify-content: center; height: 45px; background-color: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: pointer; font-weight: bold; font-size: 1.1em; user-select: none; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
.numero-conferidor:hover { background-color: #e9e9e9; border-color: #b0b0b0; }
.numero-conferidor.selecionado { background-color: #0073e6; color: #fff !important; border-color: #005bb5; }
.numero-conferidor.acerto { background-color: #28a745; color: #fff !important; border-color: #218838; }
.conferidor-resultado { font-size: 1.2em; margin-bottom: 15px; background-color: #e9f5ff; padding: 10px; border-radius: 5px; }
.conferidor-botao { background-color: #6c757d; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 1em; transition: background-color 0.2s; }
.conferidor-botao:hover { background-color: #5a6268; }

/* --- Shortcode [ultimo_resultado_loteria] --- */
/* Mantido o tamanho menor original para o shortcode */
.ultimo-resultado-shortcode { background-color: #f0f0f0; border: 1px solid #dcdcdc; border-left: 5px solid #0073e6; padding: 15px 20px; margin-bottom: 25px; border-radius: 4px; text-align: center; }
.ultimo-resultado-shortcode h4 { margin-top: 0; margin-bottom: 5px; font-size: 1.3em; font-weight: bold; }
.ultimo-resultado-shortcode .acumulou-tag-line { margin-top: 0; margin-bottom: 15px; line-height: 1; }
.ultimo-resultado-shortcode .acumulou-tag { color: #dc3545; font-weight: bold; font-size: 1em; background-color: #ffe8ea; padding: 2px 6px; border-radius: 3px; }
.ultimo-resultado-numeros-principais { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 45px; margin-bottom: 10px; }
.ultimo-resultado-grid { display: grid; gap: 6px; margin: 0 auto; max-width: 290px; padding: 5px; }
.ultimo-resultado-grid.grid-lotofacil, .ultimo-resultado-grid.grid-lotomania { grid-template-columns: repeat(5, 1fr); }
.ultimo-resultado-numeros-extras { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin-top: 10px; min-height: 45px; }
/* Aplica tamanho menor específico para números DENTRO do shortcode */
.ultimo-resultado-shortcode .loto-numero,
.ultimo-resultado-shortcode .loto-grid-numero,
.ultimo-resultado-shortcode .loto-trevo {
    width: 38px !important;
    height: 38px !important;
    font-size: 1em !important;
    margin: 2px !important;
    /* Herda display, align, color, etc. da regra base */
}
.ultimo-resultado-shortcode .federal-bilhete { font-weight: bold; font-size: 1.2em; color: #333; background-color: #fff; padding: 5px 10px; border: 1px solid #ccc; border-radius: 4px; display: inline-block; }
.ultimo-resultado-shortcode .link-resultado-completo { text-align: center; margin-top: 20px; margin-bottom: 0; }
.ultimo-resultado-shortcode .link-resultado-completo a { text-decoration: none; font-weight: bold; }
.ultimo-resultado-shortcode .link-resultado-completo a:hover { text-decoration: underline; }
.ultimo-resultado-shortcode .shortcode-divider { border: none; border-top: 1px dashed #ccc; margin: 15px 0; }
.ultimo-resultado-shortcode .proximo-concurso-info { font-size: 0.95em; color: #333; margin-top: 15px; margin-bottom: 0; line-height: 1.5; }
.ultimo-resultado-shortcode.aguardando h4 { margin-bottom: 10px; }

/* === Layout +Milionaria (Espaçamento Shortcode e Palpite) === */
/* Mantido igual */
.ml-palpite-resultado .trevo-numbers,
.ultimo-resultado-numeros-extras {
    margin-top: 10px;
}