/*
Theme Name: Psicologo.li Blog
Description: Tema de blocos do blog editorial do Psicologo.li: cabeçalho com categorias e busca, lista em cards, artigo, categoria, busca e página 404. Editável pelo Editor do Site.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psicologo-blog
*/

.psi-pagina { padding-inline: clamp(1rem, 4vw, 2rem); }

.psi-cabecalho { border-bottom: 1px solid var(--wp--preset--color--azul-claro); padding-block: 1rem 0.75rem; }
.psi-cabecalho .wp-block-categories { display: flex; gap: 0.5rem; list-style: none; margin: 0; overflow-x: auto; padding: 0.25rem 0.125rem; white-space: nowrap; }
.psi-cabecalho .wp-block-categories a { background: var(--wp--preset--color--azul-claro); border-radius: 999px; color: var(--wp--preset--color--marca-escuro); display: block; font-size: 0.9rem; padding: 0.35rem 0.9rem; text-decoration: none; }
.psi-cabecalho .wp-block-categories a:hover,
.psi-cabecalho .wp-block-categories a:focus-visible { background: var(--wp--preset--color--marca-escuro); color: var(--wp--preset--color--branco); }

.psi-hero { padding-block: clamp(2rem, 6vw, 4rem); }

.psi-card { background: var(--wp--preset--color--branco); border: 1px solid #d9e6f7; border-radius: 12px; height: 100%; overflow: hidden; }
.psi-card .wp-block-post-featured-image { margin: 0; }
.psi-card__corpo { padding: 1rem 1.25rem 1.25rem; }
.psi-card .wp-block-post-title a { color: var(--wp--preset--color--titulo); text-decoration: none; }
.psi-card .wp-block-post-title a:hover { text-decoration: underline; }
.psi-card .wp-block-post-terms a { font-size: 0.85rem; font-weight: 600; text-decoration: none; }

.psi-meta { color: var(--wp--preset--color--texto); font-size: 0.9rem; }
.psi-meta p { margin: 0; }

.wp-block-query-pagination { margin-top: 2rem; }
.wp-block-query-pagination a { text-decoration: none; }

.psi-rodape { padding-block: 2.5rem 1.5rem; }
.psi-rodape a { color: inherit; }
.psi-rodape ul { list-style: none; margin: 0; padding: 0; }