/* ═══════════════════════════════════════════════════════════════════════════════════════════
   or-conteudo.css — estilo BASE do conteúdo rico produzido pelo editor do painel.
   ═══════════════════════════════════════════════════════════════════════════════════════════

   ── POR QUE ESTE ARQUIVO PASSOU A EXISTIR (10/09/2026) ──────────────────────────────────────
   O core NÃO tinha nenhuma regra para `blockquote`, `pre`, `code` ou caixa de destaque. As duas
   únicas ocorrências de `blockquote` em todo o CSS do core estavam no `or-a11y.css`, e eram de
   TAMANHO DE TEXTO, não de aparência. Enquanto o editor não oferecia esses blocos, isso não
   incomodava; ao ganhar os botões (item #8 das pendências), passaria a incomodar muito — o
   operador clicaria em "Citação" e veria um parágrafo com recuo, e em "Caixa de destaque" e não
   veria nada. Entregar o botão sem o estilo repetiria o defeito do `checkbox` fantasma da Onda 3:
   a UI oferece, a plataforma não entrega.

   ── ORDEM DE CARGA ─────────────────────────────────────────────────────────────────────────
   Registrado em `site/includes/header.php` ANTES do `_template/css/custom.css`, de propósito: o
   contrato da plataforma é que o tema do cliente sobrescreve o core sem precisar de `!important`.
   Nenhuma regra aqui usa `!important` — este arquivo é PISO, não trava.

   ── TOKENS ─────────────────────────────────────────────────────────────────────────────────
   Cores derivam de `\OneRank\Colors::toCssVars()` (admin › Cores). Todo `var()` tem fallback: o
   arquivo precisa funcionar mesmo numa página que não injetou os tokens.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Citação ─────────────────────────────────────────────────────────────────────────────────
   Barra lateral na cor da marca em vez de aspas decorativas: funciona em qualquer tipografia de
   tema Envato, não depende de fonte com glifo de aspa, e não some no dark mode. */
.or-doc-body blockquote,
.post-content blockquote,
.or-rich blockquote {
    margin: 1.5rem 0;
    padding: 0.25rem 0 0.25rem 1.25rem;
    border-left: 3px solid var(--marca-primaria, #0B3D91);
    color: var(--texto-secundario, #555);
    font-style: italic;
}
.or-doc-body blockquote > :last-child,
.post-content blockquote > :last-child,
.or-rich blockquote > :last-child { margin-bottom: 0; }

/* ── Código ──────────────────────────────────────────────────────────────────────────────────
   `overflow-x: auto` é obrigatório, não estético: bloco de código é o conteúdo que mais estoura a
   largura no celular, e sem o scroll próprio ele empurra a PÁGINA na horizontal. */
.or-doc-body code,
.post-content code,
.or-rich code {
    padding: 0.15em 0.4em;
    border-radius: 4px;
    background: var(--or-surface-2, #f6f8fb);
    font-size: 0.9em;
}
.or-doc-body pre,
.post-content pre,
.or-rich pre {
    margin: 0 0 1rem;
    padding: 1rem;
    border-radius: 8px;
    background: var(--or-surface-2, #f6f8fb);
    overflow-x: auto;
}
/* Dentro do <pre> o fundo já existe — repetir no <code> cria um retângulo dentro do outro. */
.or-doc-body pre code,
.post-content pre code,
.or-rich pre code { padding: 0; background: none; }

/* ── Caixa de destaque (callout) ──────────────────────────────────────────────────────────────
   Molde do `.or-resumo-legal` que o fork institucional escreveu à mão no seed das páginas legais,
   justamente porque o editor não sabia produzir o bloco. Agora sabe. */
.or-doc-body .or-callout,
.post-content .or-callout,
.or-rich .or-callout {
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--or-border, rgba(0, 0, 0, .08));
    border-radius: var(--or-radius-m, 12px);
    background: var(--or-surface-2, #f6f8fb);
}
.or-doc-body .or-callout > :last-child,
.post-content .or-callout > :last-child,
.or-rich .or-callout > :last-child { margin-bottom: 0; }

/* ── Alinhamento por CLASSE ───────────────────────────────────────────────────────────────────
   O editor passou a emitir `class="text-center"` em vez de `style="text-align:center"`, porque o
   `style` é removido pelo `Content::sanitize` (GLOBAL_ATTRS permite só class/title) e o
   alinhamento sumia em silêncio ao salvar.
   As classes são as do Bootstrap 5, que os temas atuais carregam — as regras abaixo existem para o
   tema que NÃO carrega, para que o recurso não dependa de qual template o cliente comprou. */
.text-start  { text-align: left; }
.text-center { text-align: center; }
.text-end    { text-align: right; }

/* ── Resposta direta (answer-first, migration 114) ────────────────────────────────────────────
   Destaque tipográfico, não caixa: o parágrafo precisa se ler como a primeira frase do artigo, e
   uma caixa o transformaria num bloco à parte que o olho pula. */
.or-resposta-direta {
    margin: 0 0 1.75rem;
    padding-left: 1rem;
    border-left: 4px solid var(--marca-primaria, #0B3D91);
    font-size: 1.12rem;
    line-height: 1.6;
    color: var(--texto-principal, #222);
}