/*
Theme Name: Vitor Camilo
Description: Tema do blog de vitorcamilopsi.com.br. Usa o mesmo visual, menu e rodapé do site principal (arquivos estilo.css, config.js e site.js da raiz do domínio).
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vitorcamilo
*/

/* O visual principal vem de /assets/css/estilo.css (o mesmo do site).
   Aqui ficam só os ajustes para o conteúdo gerado pelo WordPress. */

/* Barra de administração (aparece só para você, logado) */
.admin-bar .topo { top: 32px; }
@media (max-width: 782px) { .admin-bar .topo { top: 46px; } }
@media (max-width: 600px) { .admin-bar .topo { top: 0; } }

.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute !important; word-wrap: normal !important;
}

.separador { border: 0; height: 1px; background: rgba(46, 58, 68, .15); margin: 2.5rem 0; }

/* Conteúdo dos posts (editor do WordPress) */
.texto figure { margin: 2em 0; }
.texto figure img { margin: 0; border-radius: var(--raio); height: auto; }
.texto figcaption, .texto .wp-element-caption { font-size: .88rem; color: var(--texto-suave); margin-top: .7em; text-align: center; }
.texto .aligncenter { margin-left: auto; margin-right: auto; }
.texto .alignleft { float: left; margin: .3em 1.6em 1em 0; max-width: 50%; }
.texto .alignright { float: right; margin: .3em 0 1em 1.6em; max-width: 50%; }
.texto iframe, .texto video { max-width: 100%; }
.texto .wp-block-embed__wrapper iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.texto .wp-block-separator { border: 0; height: 1px; background: rgba(46, 58, 68, .15); margin: 3em 0; }
.texto .wp-block-button__link { background: var(--tinta); color: var(--creme); border-radius: 999px; padding: 13px 26px; text-decoration: none; font-family: var(--fonte-titulo); }
.texto::after { content: ""; display: table; clear: both; }
.artigo-capa img { height: 100%; }

/* Paginação da lista de posts */
.navigation.pagination { margin-top: 3.5rem; }
.nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.page-numbers {
  padding: 10px 18px; border-radius: 999px;
  border: 1px solid rgba(46, 58, 68, .15);
  text-decoration: none; font-family: var(--fonte-titulo);
}
.page-numbers.current { background: var(--tinta); color: var(--creme); border-color: var(--tinta); }
a.page-numbers:hover { background: rgba(46, 58, 68, .06); }