/* O tema (News Magazine X) dá um padding maior que 5px ao wrapper padrão
   de post único (.newsx-single-content-wrap) em algum outro seletor mais
   específico que o `.site-content :where(...)` genérico dele — forçar
   5px só nas páginas de BDR, não no blog em geral.
   `body.single-bdr` é a classe que o WordPress já adiciona sozinho em
   toda página singular do CPT "bdr". */
body.single-bdr .newsx-single-content-wrap {
    padding: 5px !important;
}

/* Esconde só "Nenhum comentário | data" abaixo do título.
   .newsx-post-meta-inn-wrap é o bloco de comentários+data. */
body.single-bdr .newsx-post-meta-inn-wrap {
    display: none !important;
}

/* Ícones de compartilhar (Facebook/LinkedIn/WhatsApp/Copiar link) — pedido
   do usuário em 2026-09: removidos só na página de BDR (outros tipos
   continuam mostrando). Classe real conferida no HTML ao vivo:
   `.newsx-post-sharing` (não `.newsx-static-sharing`, que era só uma
   suposição herdada do CSS de outros tipos — nunca existiu nesse tema). */
body.single-bdr .newsx-post-sharing {
    display: none !important;
}

/* Box de estatísticas (Cotação, Variação, Volume médio, Variação 12m)
   inserido via JS (ver assets/js/bdr-header-stats.js) logo abaixo da
   linha de título — pedido do usuário em 2026-09. Fica FORA de
   `.fii-dados-layout` (essa linha é renderizada pelo tema, antes do
   nosso bloco injetado), por isso é autocontido com suas próprias
   variáveis de cor, mesmo padrão de `.fii-dados-widget`. Um cartão ÚNICO
   com 4 colunas iguais (grid), fundo com leve tom azulado (mesmo
   `--series-1-wash` usado no box "nota" do site). Mesma cópia deste
   bloco existe em fii-style.css/fiagro-style.css/acoes-style.css (mesmo
   padrão de duplicar `.fii-dados-layout` em cada arquivo de tipo) — classe
   com prefixo genérico `fii-dados-` de propósito, reutilizada por todos
   os tipos que têm esse box. */
.fii-dados-header-stats {
    --surface-1:      #fcfcfb;
    --text-primary:   #0b0b0b;
    --text-secondary: #52514e;
    --text-muted:     #898781;
    --border:         #000000;
    --gridline:       #e1e0d9;
    --series-1:       #2a78d6;
    --series-1-wash:  #eef4fc;
    --series-1-dark:  #1a4d8f;
    --good:           #006300;
    --critical:       #d03b3b;
    --card-shadow:    0 2px 8px rgba(11, 11, 11, 0.06);

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    margin: 14px 0 4px;
    background: var(--series-1-wash);
    border: none;
    border-left: 4px solid var(--series-1-dark);
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    color-scheme: light;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .fii-dados-header-stats {
        --surface-1:      #1a1a19;
        --text-primary:   #ffffff;
        --text-secondary: #c3c2b7;
        --text-muted:     #898781;
        --border:         rgba(255, 255, 255, 0.10);
        --gridline:       #2c2c2a;
        --series-1:       #3987e5;
        --series-1-wash:  #16233a;
        --series-1-dark:  #5b9bef;
        --good:           #0ca30c;
        --critical:       #e66767;
        --card-shadow:    0 2px 8px rgba(0, 0, 0, 0.4);
        color-scheme: dark;
    }
}
:root[data-theme="dark"] .fii-dados-header-stats {
    --surface-1:      #1a1a19;
    --text-primary:   #ffffff;
    --text-secondary: #c3c2b7;
    --text-muted:     #898781;
    --border:         rgba(255, 255, 255, 0.10);
    --gridline:       #2c2c2a;
    --series-1:       #3987e5;
    --series-1-wash:  #16233a;
    --series-1-dark:  #5b9bef;
    --good:           #0ca30c;
    --critical:       #e66767;
    --card-shadow:    0 2px 8px rgba(0, 0, 0, 0.4);
    color-scheme: dark;
}

.fii-dados-header-stats-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 14px;
    border-right: 1px solid var(--gridline);
    transition: background-color 0.15s ease;
}
.fii-dados-header-stats-item:last-child {
    border-right: none;
}
.fii-dados-header-stats-item:hover {
    background: rgba(0, 0, 0, 0.02);
}
:root[data-theme="dark"] .fii-dados-header-stats-item:hover,
:root:not([data-theme="light"]) .fii-dados-header-stats-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

/* Ícone circular colorido — mesmo tratamento visual de
   `.fii-dados-relacionado-icone` (círculo com fundo tintado na cor do
   próprio ícone), reaproveitado aqui pra dar identidade visual própria a
   cada estatística em vez de só texto puro. */
.fii-dados-header-stats-icone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(42, 120, 214, 0.12);
    color: var(--series-1);
}
.fii-dados-header-stats-icone svg {
    width: 19px;
    height: 19px;
}
.fii-dados-header-stats-icone-up {
    background: rgba(0, 99, 0, 0.12);
    color: var(--good);
}
:root[data-theme="dark"] .fii-dados-header-stats-icone-up,
:root:not([data-theme="light"]) .fii-dados-header-stats-icone-up {
    background: rgba(12, 163, 12, 0.16);
}
.fii-dados-header-stats-icone-down {
    background: rgba(208, 59, 59, 0.12);
    color: var(--critical);
}
:root[data-theme="dark"] .fii-dados-header-stats-icone-down,
:root:not([data-theme="light"]) .fii-dados-header-stats-icone-down {
    background: rgba(230, 103, 103, 0.16);
}

.fii-dados-header-stats-texto {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
}

.fii-dados-header-stats-label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
    font-weight: 700;
    white-space: nowrap;
}

.fii-dados-header-stats-valor {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}
.fii-dados-header-stats-valor[data-dir="up"] { color: var(--good); }
.fii-dados-header-stats-valor[data-dir="down"] { color: var(--critical); }

@media (max-width: 640px) {
    /* 2x2 em vez de 4 colunas espremidas numa tela estreita. Divisória
       muda de vertical pra horizontal na 1ª linha. */
    .fii-dados-header-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .fii-dados-header-stats-item {
        border-right: 1px solid var(--gridline);
        border-bottom: 1px solid var(--gridline);
        padding: 12px 8px;
        gap: 8px;
    }
    .fii-dados-header-stats-item:nth-child(2n) {
        border-right: none;
    }
    .fii-dados-header-stats-item:nth-last-child(-n+2) {
        border-bottom: none;
    }
    .fii-dados-header-stats-icone {
        width: 32px;
        height: 32px;
    }
    .fii-dados-header-stats-icone svg {
        width: 16px;
        height: 16px;
    }
    .fii-dados-header-stats-valor {
        font-size: 1rem;
    }
}