/*
Theme Name: Afer Industrial
Theme URI: https://afer.com.br/
Author: Afer Industrial
Description: Tema institucional da Afer Industrial — tampões e grelhas de ferro fundido dúctil. Produtos, aplicações, processo e orçamento administráveis pelo painel.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: afer
*/

/* O estilo principal está em assets/css/main.css.
   Este arquivo guarda apenas ajustes do editor e das páginas de conteúdo. */

.af-page-content{padding:clamp(56px,7vw,96px) 0;}
.af-page-content .af-wrap{max-width:820px;}
.af-page-content h2{font-family:var(--af-display);font-size:1.6rem;margin:40px 0 14px;}
.af-page-content h3{font-family:var(--af-display);font-size:1.2rem;margin:30px 0 10px;}
.af-page-content p{color:var(--af-text-2);font-weight:300;margin:0 0 18px;}
.af-page-content ul,.af-page-content ol{color:var(--af-text-2);font-weight:300;padding-left:20px;}
.af-page-content li{margin-bottom:8px;}
.af-page-content img{margin:28px 0;}
.af-page-content blockquote{border-left:3px solid var(--af-blue);margin:28px 0;padding-left:22px;color:var(--af-text);}
.af-page-content a{color:var(--af-blue);border-bottom:1px solid currentColor;}

.wp-caption{max-width:100%;}
.wp-caption-text,.wp-element-caption{font-size:.84rem;color:var(--af-text-3);margin-top:8px;}
.alignleft{float:left;margin:8px 28px 20px 0;}
.alignright{float:right;margin:8px 0 20px 28px;}
.aligncenter{margin-left:auto;margin-right:auto;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

.pagination,.nav-links{display:flex;gap:8px;flex-wrap:wrap;}
.nav-links .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  border:1px solid var(--af-line);font-size:.92rem;padding:0 12px;
}
.nav-links .page-numbers.current,.nav-links .page-numbers:hover{background:var(--af-navy);color:#fff;border-color:var(--af-navy);}

/* barra do admin não pode cobrir o header fixo */
.admin-bar .af-hdr{top:32px;}
.admin-bar .af-drawer{top:120px;}
@media (max-width:782px){
  .admin-bar .af-hdr{top:46px;}
  .admin-bar .af-drawer{top:126px;}
}