/*
 * Ajustes que so existem por causa do WordPress.
 *
 * Nada aqui mexe no design: e o que impede o HTML que o WP gera (a <ul> dos menus,
 * a paginacao) de aparecer onde antes havia <a> solto.
 */

/* wp_nav_menu com items_wrap sem <ul> devolve <li>. Com display:contents o item
   deixa de gerar caixa e o <a> entra direto no flex do nav, que e o que o CSS
   do site espera. Vale para o menu da home, o da franquia e o do rodape. */
.header nav li,
.footer-top nav li {
  display: contents;
}

/* Mesma coisa quando o cliente criar um submenu por engano. */
.header nav li a,
.footer-top nav li a {
  display: block;
}

/* the_posts_pagination */
.pagination{margin:34px 0 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;align-items:center;min-width:40px;height:40px;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 14px;text-decoration:none;color:var(--ink)}
.pagination .page-numbers.current{background:var(--green);border-color:var(--green);color:#06240f;font-weight:600}

/* Formulario de busca do 404 */
.search-form{display:flex;gap:10px;margin-top:26px}
.search-form input{flex:1;max-width:360px;font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:10px}
.search-form button{font:inherit;padding:11px 20px;border:0;border-radius:999px;background:var(--yellow);color:var(--deep);cursor:pointer}