/*
 * Community: camada de deep-customization (aba "Community" em Themes >
 * Advanced editing). Cada variável tem fallback = visual de fábrica; o core
 * publica este arquivo em public/modules/community/customizer.css quando o
 * módulo está habilitado. Regras sem @layer de propósito (vencem as utilities).
 */

/* Índice de fóruns. */
.site .forum-cat-title {
    color: var(--cm-cat-title-color, var(--color-muted-foreground));
    font-size: var(--cm-cat-title-size, 0.75rem);
}
.site .forum-node:hover {
    background-color: var(--cm-node-hover-bg, transparent);
}
.site .forum-node-title {
    color: var(--cm-node-title, var(--color-foreground));
    font-size: var(--cm-node-title-size, 1rem);
}
.site .forum-node-title:hover {
    color: var(--cm-node-title-hover, var(--color-primary));
}
.site .forum-node-desc {
    color: var(--cm-node-desc, var(--color-muted-foreground));
}

/* Lista de tópicos. */
.site .topic-title {
    color: var(--cm-topic-title, var(--color-foreground));
}
.site .topic-title:hover {
    color: var(--cm-topic-title-hover, var(--color-primary));
}
.site .topic-meta {
    color: var(--cm-topic-meta, var(--color-muted-foreground));
}

/* Posts do tópico (postbit). A cor da borda respeita os estados especiais
   (pendente/solução), por isso só se aplica à borda padrão. */
.site .post-item {
    background-color: var(--cm-post-bg, var(--color-background));
    border-radius: var(--cm-post-radius, 0.75rem);
}
.site .post-item.border-border {
    border-color: var(--cm-post-border, var(--color-border));
}
.site .post-sidebar {
    background-color: var(--cm-post-sidebar-bg, color-mix(in srgb, var(--color-muted) 40%, transparent));
}
.site .post-author {
    color: var(--cm-post-author, var(--color-foreground));
}
.site .post-author:hover {
    color: var(--cm-post-author-hover, var(--color-primary));
}

/* Índice: card de categoria, ícone e estatísticas. */
.site .forum-cat-card {
    background-color: var(--cm-cat-card-bg, var(--color-background));
    border-color: var(--cm-cat-card-border, var(--color-border));
    border-radius: var(--cm-cat-card-radius, 0.75rem);
}
.site .forum-node-icon {
    color: var(--cm-node-icon-color, var(--color-primary));
    height: var(--cm-node-icon-size, 2.5rem);
    width: var(--cm-node-icon-size, 2.5rem);
}
.site .forum-node-count {
    color: var(--cm-node-count, var(--color-foreground));
}
.site .forum-node-stat-label {
    color: var(--cm-node-stat-label, var(--color-muted-foreground));
}
.site .forum-node-last-name {
    color: var(--cm-node-last-name, var(--color-foreground));
}

/* Lista de tópicos: hover da linha, estatísticas, regras e subfóruns. */
.site .topic-row:hover {
    background-color: var(--cm-topic-row-hover, transparent);
}
/* Activity Stream: visual condensado esconde os excertos (padrão IPB). */
.site [data-stream].is-condensed .stream-excerpt {
    display: none;
}
.site [data-stream].is-condensed .stream-entry {
    align-items: center;
}

/* Linha selecionada na moderação em lote (padrão IPB): cinza-azulado neutro,
   claro o bastante para os badges manterem contraste AA. */
.site .topic-row.is-selected,
.site .topic-row.is-selected:hover {
    background-color: color-mix(in srgb, var(--color-muted) 55%, var(--color-background));
}
.site .topic-stat-num {
    color: var(--cm-stat-num, var(--color-foreground));
}
.site .topic-stat-label {
    color: var(--cm-stat-label, var(--color-muted-foreground));
}
.site .forum-rules {
    background-color: var(--cm-rules-bg, color-mix(in srgb, var(--color-muted) 40%, transparent));
    border-color: var(--cm-rules-border, var(--color-border));
}
.site .forum-sub-header {
    color: var(--cm-sub-header-color, var(--color-muted-foreground));
}

/* Tópico: conteúdo dos posts, badges e tags. */
.site .post-item .forum-content {
    color: var(--cm-content-color, var(--color-foreground));
    font-size: var(--cm-content-size, 0.875rem);
}
.site .topic-badge {
    border-radius: var(--cm-badge-radius, 0.25rem);
}
.site .topic-tag {
    color: var(--cm-tag-color, var(--color-muted-foreground));
    border-color: var(--cm-tag-border, var(--color-border));
    border-radius: var(--cm-tag-radius, 9999px);
}