/*
Theme Name: AgVax Editorial Theme
Theme URI: https://github.com/google-deepmind/antigravity
Author: Antigravity Senior WordPress Architect
Author URI: https://github.com/google-deepmind/antigravity
Description: Tema FSE completo com design editorial consistente para o Agendamento Vacina SP - Blog Institutional de Saúde. Otimizado para leitura, tipografia clássica, grades editoriais e E-E-A-T em saúde pública.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agvax-theme
Tags: full-site-editing, block-theme, news, editorial, health, custom-colors, custom-spacing, translation-ready

Este tema foi projetado para uso com blocos Gutenberg nativos e suporta edição completa do site (FSE).
*/

/* Reset e Correções Básicas Editoriais */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Centralização suave e grid editorial */
.wp-block-group.editorial-container {
    max-width: var(--wp--preset--layout--wide-size);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--wp--preset--spacing--medium);
    padding-right: var(--wp--preset--spacing--medium);
}

.wp-block-group.editorial-content-container {
    max-width: var(--wp--preset--layout--content-size);
    margin-left: auto;
    margin-right: auto;
}

/* Customizações de Cards Editoriais (não UI cards, mas puro jornalismo) */
.editorial-post-card {
    border-bottom: 1px solid var(--wp--preset--color--border-color);
    padding-bottom: var(--wp--preset--spacing--small);
    margin-bottom: var(--wp--preset--spacing--small);
    transition: all 0.2s ease-in-out;
}

.editorial-post-card:hover {
    border-bottom-color: var(--wp--preset--color--secondary);
}

.editorial-post-card a {
    text-decoration: none;
    color: var(--wp--preset--color--dark);
}

.editorial-post-card a:hover {
    color: var(--wp--preset--color--secondary);
}

/* Efeito Hover nos botões de CTA */
.wp-block-button__link {
    transition: background-color 0.2s ease, transform 0.1s ease;
}
.wp-block-button__link:hover {
    transform: translateY(-1px);
}
.wp-block-button__link:active {
    transform: translateY(0);
}

/* Linha Editorial Superior e Inferior para separação */
.editorial-separator {
    border-top: 3px double var(--wp--preset--color--primary);
    margin: var(--wp--preset--spacing--medium) 0;
    padding: 0;
    height: 0;
    border-bottom: 0;
}

.editorial-separator-thin {
    border-top: 1px solid var(--wp--preset--color--border-color);
    margin: var(--wp--preset--spacing--small) 0;
    padding: 0;
    height: 0;
    border-bottom: 0;
}

/* Badge de Categoria Editorial */
.editorial-badge {
    display: inline-block;
    background-color: var(--wp--preset--color--light);
    color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.5rem;
    border-left: 3px solid var(--wp--preset--color--health);
}

.editorial-badge-alert {
    background-color: #FEF2F2;
    color: #DC2626;
    border-left-color: #DC2626;
}

/* Grid de Postos e Vacinas */
.info-editorial-box {
    border: 1px solid var(--wp--preset--color--border-color);
    border-left: 4px solid var(--wp--preset--color--primary);
    padding: var(--wp--preset--spacing--small);
    background-color: var(--wp--preset--color--light);
}

.info-editorial-box.box-health {
    border-left-color: var(--wp--preset--color--health);
}

/* Estilização para as páginas institucionais com E-E-A-T */
.author-box-editorial {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--xs);
    padding: var(--wp--preset--spacing--small);
    border-top: 1px solid var(--wp--preset--color--border-color);
    border-bottom: 1px solid var(--wp--preset--color--border-color);
    margin: var(--wp--preset--spacing--medium) 0;
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--medium);
}

.author-box-editorial img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.author-box-editorial .author-info {
    display: flex;
    flex-direction: column;
}

.author-box-editorial .author-name {
    font-weight: 700;
    color: var(--wp--preset--color--dark);
}

.author-box-editorial .author-role {
    font-size: var(--wp--preset--font-size--xs);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}