/*
Theme Name: Hangar 29
Theme URI: https://hangar29.com.br
Author: Hangar 29 — Escola de Aeromodelismo
Description: Tema do site da escola de aeromodelismo Hangar 29, em Gaspar/SC. Páginas Início, Aprenda a voar, Voe jatos, Valores, Blog e Seu instrutor, com botões de WhatsApp em todas as páginas.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: Todos os direitos reservados
Text Domain: hangar29
*/

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 16px; }
body {
  margin: 0;
  font-family: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
  color: #1C2739;
  background: #1C2739;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: 'Saira', 'Arial Narrow', sans-serif; margin: 0; line-height: 1.08; }
p { margin: 0; }
img { max-width: 100%; height: auto; }
a { color: #2E62B8; }
a:hover { color: #1C2739; }
a:focus-visible, button:focus-visible { outline: 3px solid #508BEC; outline-offset: 3px; }

.h29-main { background: #FFFFFF; color: #1C2739; display: block; }
.h29-main.h29-dark { background: #121518; color: #E8ECF1; }
.h29-main.h29-dark a:hover { color: #FFFFFF; }

.h29-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #FFFFFF; color: #1C2739; padding: 10px 16px; border-radius: 8px; font-weight: 700; }
.h29-skip:focus { left: 8px; }

/* Topo */
.h29-menu-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 20px; }
.h29-menu-list a { display: inline-block; color: #C3CDDD; font-weight: 500; padding: 10px 4px; text-decoration: none; white-space: nowrap; }
.h29-menu-list a:hover { color: #FFFFFF; }
.h29-menu-list .current-menu-item > a,
.h29-menu-list .current_page_item > a,
.h29-menu-list .current_page_parent > a { color: #FFFFFF; font-weight: 700; }
.h29-menu-list .h29-destaque > a { color: #FFFFFF; font-weight: 700; padding: 10px 16px; border-radius: 8px; border: 2px solid #508BEC; }
.h29-menu-list .h29-destaque.current-menu-item > a { background: #508BEC; color: #0F1A2E; }
.h29-nav { display: contents; }
.h29-menu-btn { display: none; }
.h29-header a:hover { color: #FFFFFF; }

/* Botão flutuante e botões */
.h29-wa-float:hover { transform: scale(1.05); color: #0F1A2E; }
.h29-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 8px; font-weight: 700; font-size: 1.0625rem; text-decoration: none; background: #508BEC; color: #0F1A2E; }
.h29-btn:hover { background: #7AA6F0; color: #0F1A2E; }

/* Paginação do blog */
.h29-paginacao { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; }
.h29-paginacao .page-numbers { min-width: 48px; height: 48px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-weight: 700; text-decoration: none; background: #FFFFFF; color: #1C2739; border: 1px solid #D5DCE6; }
.h29-paginacao a.page-numbers:hover { border-color: #508BEC; }
.h29-paginacao .current { background: #508BEC; color: #0F1A2E; border-color: #508BEC; }
.h29-paginacao .dots { background: transparent; border: 0; }

/* Artigo */
.h29-artigo { max-width: 760px; margin: 0 auto; font-size: 1.1875rem; line-height: 1.7; }
.h29-artigo > * + * { margin-top: 1.2em; }
.h29-artigo h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 800; margin-top: 1.8em; }
.h29-artigo h3 { font-size: 1.4rem; font-weight: 700; margin-top: 1.6em; }
.h29-artigo img, .h29-artigo figure { border-radius: 10px; }
.h29-artigo figure { margin: 1.6em 0; }
.h29-artigo figcaption { font-size: 0.95rem; color: #4A5870; margin-top: 8px; }
.h29-artigo ul, .h29-artigo ol { padding-left: 1.3em; }
.h29-artigo li + li { margin-top: 0.4em; }
.h29-artigo blockquote { margin: 1.6em 0; padding: 4px 0 4px 24px; border-left: 4px solid #508BEC; color: #33415A; }
.h29-artigo iframe { max-width: 100%; border-radius: 10px; }
.h29-artigo .wp-block-embed__wrapper iframe { width: 100%; }

/* Celular */
@media (max-width: 760px) {
  .h29-header { padding: 16px 16px 12px !important; }
  .h29-header img { height: 72px !important; }
  .h29-menu-btn {
    display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 8px;
    background: transparent; color: #FFFFFF; border: 2px solid #508BEC; font: 700 1rem 'Barlow', sans-serif; cursor: pointer;
  }
  .h29-nav { display: none; flex-basis: 100%; order: 10; }
  .h29-nav.is-open { display: block; }
  .h29-nav .h29-menu-list { flex-direction: column; align-items: stretch; gap: 4px; padding-top: 8px; }
  .h29-nav .h29-menu-list a { display: block; text-align: center; padding: 12px; }
  .h29-main section { padding-top: 64px !important; padding-bottom: 64px !important; }
  .h29-footer { padding-bottom: 112px !important; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}