/* =========================================================
   Tema HealthNet — estilos auxiliares
   (style.css na raiz já carrega tokens e o layout principal)
   ========================================================= */

/* Tabelas WP padrão renderizadas em conteúdo */
.ht-article table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1rem;
}
.ht-article th, .ht-article td {
    padding: .55rem .75rem;
    border: 1px solid var(--c-border);
    text-align: left;
    font-size: .95rem;
}
.ht-article th {
    background: var(--c-brand-lt);
    color: var(--c-brand-dk);
}

/* Listas */
.ht-article ul, .ht-article ol {
    margin: 0 0 1rem 1.25rem;
}

/* Blockquote */
.ht-article blockquote {
    border-left: 4px solid var(--c-brand);
    background: var(--c-brand-lt);
    padding: .75rem 1rem;
    margin: 0 0 1rem;
    border-radius: 0 var(--radius) var(--radius) 0;
}

/* Code */
.ht-article code, .ht-article pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .92em;
}
.ht-article pre {
    background: #0f172a;
    color: #e5e7eb;
    padding: 1rem;
    border-radius: var(--radius);
    overflow-x: auto;
    margin: 0 0 1rem;
}
.ht-article :not(pre) > code {
    background: #f3f4f6;
    border: 1px solid var(--c-border);
    padding: 1px 6px;
    border-radius: 4px;
}

/* Form básico (search, comments) */
.ht-article input[type=text],
.ht-article input[type=email],
.ht-article input[type=url],
.ht-article input[type=search],
.ht-article textarea {
    width: 100%;
    max-width: 480px;
    padding: .55rem .75rem;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    font: inherit;
    color: var(--c-text);
    background: var(--c-surface);
}
.ht-article input:focus, .ht-article textarea:focus {
    outline: none;
    border-color: var(--c-brand);
    box-shadow: 0 0 0 3px var(--c-brand-lt);
}

/* Paginação */
.pagination, .nav-links {
    display: flex; gap: .5rem; flex-wrap: wrap; margin: 1rem 0;
}
.pagination a, .pagination span,
.nav-links a, .nav-links span {
    padding: .45rem .75rem;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    text-decoration: none;
    color: var(--c-text);
    background: var(--c-surface);
}
.pagination .current, .nav-links .current {
    background: var(--c-brand);
    color: #fff;
    border-color: var(--c-brand);
}

/* Comments */
#comments .comment {
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    padding: .75rem 1rem;
    margin: 0 0 .75rem;
    background: var(--c-surface);
}
#comments .comment-meta {
    color: var(--c-muted);
    font-size: .85rem;
    margin-bottom: .25rem;
}

/* Logo do WP custom-logo bem comportado */
.custom-logo-link img {
    max-height: 48px;
    width: auto;
}