/*
Theme Name: GTA6HQ Leonida
Theme URI: https://gta6hq.com
Author: GTA6HQ
Description: Tema do GTA6HQ — portal 100% GTA 6 com cena de entrada imersiva, mapa interativo de Leonida (pins editáveis no painel) e site trilíngue PT/EN/ES com URLs /pt/ /en/ /es/ e hreflang (via Polylang). Arte original; não usa marcas da Rockstar.
Version: 1.1.7
Requires at least: 6.4
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gta6hq
*/

/* O visual principal fica em assets/css/main.css (mesmo do protótipo).
   Aqui ficam só os ajustes específicos do WordPress. */

/* barra de admin */
.admin-bar .hdr { top: 32px; }
.admin-bar .mapapp { top: calc(var(--hdr) + 32px); }
@media (max-width: 782px) {
  .admin-bar .hdr { top: 46px; }
  .admin-bar .mapapp { top: calc(var(--hdr) + 46px); }
}

/* marca Weazel Report */
.logo { align-items: center; gap: 10px; font-size: 26px; }
.logo__mark { flex-shrink: 0; filter: drop-shadow(0 2px 6px rgba(232, 32, 42, .35)); }
.logo__word { display: inline-flex; gap: 6px; letter-spacing: .03em; }
.loader__logo span { margin-left: .15em; }
@media (max-width: 640px) {
  .logo { font-size: 19px; gap: 7px; }
  .logo__mark { width: 30px; height: 24px; }
  .logo__word { gap: 4px; }
}

/* no celular, radar e contagem só na home: nas matérias cobririam o texto */
@media (max-width: 640px) {
  body:not(.home) .hud { display: none; }
}

/* seletor de idioma como links */
.lang a { font-size: 12px; font-weight: 800; letter-spacing: .06em; padding: 5px 10px; border-radius: 99px; color: var(--muted); }
.lang a:hover { color: #fff; }
.lang a.is-on { background: var(--grad); color: #1a0b22; }
@media (max-width: 640px) { .lang a { padding: 5px 7px; font-size: 11px; } }

/* busca */
.hdr__searchform { display: none; padding: 0 0 12px; }
.hdr.is-search .hdr__searchform { display: block; }
.searchbox { display: flex; gap: 8px; }
.searchbox input { flex: 1; min-width: 0; background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: 99px; padding: 11px 18px; color: var(--text); font: inherit; }
.searchbox input:focus { outline: 2px solid var(--pink); outline-offset: 1px; }
.searchbox .btn { padding: 11px 18px; }

/* imagem destacada real dentro dos cards */
.art--img { background: var(--panel); }
.art--img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.art-hero .art--img img { object-position: center 30%; }

/* cabeçalho de arquivo / busca / 404 */
.page-head { padding: 26px 0 6px; }
.page-head .sec__title { font-size: clamp(34px, 5vw, 56px); }
.page-head p { color: var(--muted); max-width: 680px; }
.pager { display: flex; gap: 10px; justify-content: center; margin: 34px 0 10px; flex-wrap: wrap; }
.pager .page-numbers { min-width: 42px; height: 42px; display: inline-grid; place-items: center; padding: 0 14px; border-radius: 99px; background: var(--panel); border: 1px solid var(--line); font-weight: 800; font-size: 14px; }
.pager .page-numbers.current { background: var(--grad); color: #1a0b22; border-color: transparent; }
.empty { padding: 40px 0; color: var(--muted); }
.e404 { min-height: 70vh; display: grid; place-content: center; text-align: center; padding: calc(var(--hdr) + 30px) 16px 40px; }
.e404 b { font-family: var(--head); font-weight: 400; font-size: clamp(90px, 22vw, 220px); line-height: .9; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.e404 .wanted-static { font-size: 34px; letter-spacing: 6px; margin: 8px 0 18px; }

/* conteúdo vindo do editor de blocos */
.prose > * + * { margin-top: 1.1em; }
.prose img { max-width: 100%; height: auto; border-radius: 12px; }
.prose figure, .prose .wp-block-image { margin: 30px 0; }
.prose .wp-block-image img { width: 100%; }
.prose figcaption, .prose .wp-element-caption { font-size: 13px; color: var(--muted); margin-top: 8px; font-style: italic; text-align: left; }
.prose ul, .prose ol { padding-left: 1.3em; }
.prose li { margin: .35em 0; }
.prose h3 { font-size: 22px; font-weight: 800; margin: 34px 0 8px; color: #fff; }
.prose .wp-block-quote, .prose blockquote { margin: 32px 0; padding: 4px 0 4px 22px; border-left: 4px solid var(--pink); font-size: 22px; font-weight: 700; color: #fff; line-height: 1.45; }
.prose .wp-block-quote cite { display: block; font-size: 13px; font-weight: 600; color: var(--muted); margin-top: 8px; font-style: normal; }
.prose table { width: 100%; border-collapse: collapse; font-size: 15px; }
.prose th, .prose td { border-bottom: 1px solid var(--line); padding: 10px 8px; text-align: left; }
.prose .wp-block-embed iframe, .prose iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 12px; }
.prose hr { border: 0; height: 2px; background: var(--grad); opacity: .5; margin: 40px 0; }
.alignwide { max-width: 1000px; margin-left: auto; margin-right: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.skip-link:focus { position: fixed; z-index: 200; top: 8px; left: 8px; width: auto; height: auto; clip: auto; background: #fff; color: #000; padding: 10px 14px; border-radius: 8px; }

/* menu do WordPress (quando configurado) */
.hdr__nav ul, .drawer__panel ul, .ftr ul { list-style: none; margin: 0; padding: 0; }
.hdr__nav ul { display: flex; gap: 4px; }

/* idiomas disponíveis na matéria */
.langs-avail { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12px; color: var(--muted); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.langs-avail a { border: 1px solid var(--line); border-radius: 99px; padding: 3px 10px; color: #fff; }
.langs-avail a:hover { border-color: var(--pink); }