:root {
    --ebd-cor: #1f4e79;
    --ebd-cor-escura: #163a5a;
}

.bg-ebd { background-color: var(--ebd-cor) !important; }
.text-ebd { color: var(--ebd-cor) !important; }

.btn-ebd {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ebd-cor);
    --bs-btn-border-color: var(--ebd-cor);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ebd-cor-escura);
    --bs-btn-hover-border-color: var(--ebd-cor-escura);
    --bs-btn-active-bg: var(--ebd-cor-escura);
}

.card { border-color: rgba(0, 0, 0, .08); }

/* Relatórios: impressão limpa (sem menu, sem botões) */
@media print {
    nav.navbar, .d-print-none, .alert-dismissible .btn-close { display: none !important; }
    main.container { max-width: 100% !important; padding: 0 !important; }
    .table.relatorio { font-size: 11px; }
    .vencedora { border-width: 2px !important; }
    details { display: none; }
}

/* Chamada: botões grandes para o toque no celular */
.chamada-aluno .btn { padding: .5rem .75rem; }
@media (max-width: 575.98px) {
    .chamada-aluno .btn-group { width: 100%; }
    .chamada-aluno .btn-group .btn { flex: 1; }
    .chamada-aluno .nome-aluno { width: 100%; }
}
.resumo-chamada { top: 0; z-index: 1020; }

/* Gráficos do painel */
.grafico { position: relative; height: 220px; }

/* Formulário de contato: campo-isca fora da tela (robôs preenchem, pessoas não veem) */
.campo-isca { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Página de vendas */
.vendas section[id] { scroll-margin-top: 4.5rem; }
.vendas-telas { position: relative; padding-bottom: 3rem; }
.vendas-tela-pc { width: 100%; height: auto; border-radius: .75rem; border: 6px solid #fff; }
.vendas-tela-cel {
    position: absolute; right: -.5rem; bottom: 0; width: 30%; height: auto;
    border-radius: 1.25rem; border: 6px solid #1b1b1b; background: #1b1b1b;
}
.vendas-cel { max-width: 300px; width: 100%; height: auto; }
.border-ebd { border-color: var(--ebd-cor) !important; border-width: 2px; }
.vendas-pergunta summary { cursor: pointer; list-style-position: outside; }
.whatsapp-flutuante { position: fixed; right: 1rem; bottom: 1rem; z-index: 1030; padding: .6rem 1rem; }
@media (max-width: 575.98px) {
    .vendas-tela-cel { width: 34%; right: 0; }
}

/* Menu do sistema: itens sem quebra de linha (ex.: "Mensagens" com o contador) */
.navbar .nav-link { white-space: nowrap; }

/* Termos de uso e Política de privacidade */
.legal h2 { font-size: 1.15rem; margin-top: 2rem; }
.legal li { margin-bottom: .35rem; }

/* Pedido de revistas */
.qtd-revista { width: 4.5rem; margin: 0 auto; }
.pedido-passos .badge { font-weight: 500; padding: .5em .8em; }
/* No celular, cada classe do pedido vira um cartão: a classe em cima e as quantidades lado a lado */
@media (max-width: 767.98px) {
    .pedido-tabela thead { display: none; }
    .pedido-tabela tr { display: grid; grid-template-columns: repeat(4, 1fr); gap: .25rem .5rem; padding: .75rem; border-bottom: 1px solid var(--bs-border-color); }
    .pedido-tabela td { border: 0; padding: 0; }
    .pedido-tabela td:first-child, .pedido-tabela td[data-situacao] { grid-column: 1 / -1; }
    .pedido-tabela td[data-situacao]:empty { display: none; }
    .pedido-tabela td[data-rotulo]::before { content: attr(data-rotulo); display: block; font-size: .75rem; font-weight: 400; color: var(--bs-secondary-color); }
    .pedido-tabela .qtd-revista { width: 100%; }
}
