/* HMLG1 — casca do portal no modelo da v2.1 (subplano 01, S1.1–S1.4; dono INT).
   Só o que o topclub.css (design system da v2.1) não tem. Carregado depois de portal.css e antes do CSS de página;
   as telas de acesso também o carregam (A1.1), por causa do botão dourado. */

/* S1.4 · DEC-14 — botão dourado com contraste AA: a faixa escura do metal (#8b6524, ≈3,3:1 com #221803)
   dá lugar a #c08a35 (≈5,8:1). O --metal dos números-herói não muda. */
.btn--gold { background: linear-gradient(160deg, #f9e59f 0%, #daa442 45%, #c08a35 100%); background-size: 160% 160%; }

/* S1.1 · HMLG-03 · DEC-13 — só o wordmark “TOP CLUB” (sem escudo, régua ou 2026). Vence .topbar__brand img
   (topclub.css) por vir depois, com a mesma especificidade. (S1.2: a classe .tc-brand saiu do cabeçalho e do portal.css.)
   R1.1 · item 2 · DEC-58 (G5: “pouca coisa” maior): +12% sobre a R1, que seguia a v2.1 (42 px × 284/366 ≈ 33 px;
   34 px × 284/366 ≈ 26 px até 480 px) → 37 px e 29 px. A barra segue com 68 px de min-height; o logo não a empurra. */
.topbar__brand img { height: 37px; width: auto; }
@media (max-width: 480px) { .topbar__brand img { height: 29px; } }

/* S1.2 · HMLG-01 · DEC-07..DEC-10 — topo e menu plano da v2.1 (.topbar/.nav do topclub.css). */
.topbar { top: var(--tc-preview-height, 0px); }                        /* fica sob a faixa do espelho */
html:has(> body.tc-portal) { scroll-padding-top: calc(76px + var(--tc-preview-height, 0px)); } /* (0,1,2) vence preview.css:6 */
.nav form { margin: 0; }
.nav .nav__sair { margin: 0 0 0 .35rem; }
.nav__sair .btn { font-size: .8rem; font-weight: 500; letter-spacing: .01em; padding: .5rem .6rem; color: var(--ink-2); }
.tc-nav-group { position: relative; }
.tc-group-toggle { display: inline-flex; align-items: center; gap: .35rem; font: 500 .8rem/1.4 var(--ui); letter-spacing: .01em;
  color: var(--ink-2); background: none; border: 0; border-radius: var(--r-sm); padding: .5rem .6rem; white-space: nowrap; cursor: pointer; }
.tc-group-toggle:hover, .tc-group-toggle.is-current { color: var(--champagne); }
.tc-submenu { position: absolute; right: 0; top: calc(100% + .35rem); z-index: 61; display: grid; min-width: 228px; padding: .45rem;
  background: #211911; border: 1px solid #79603b; border-radius: 7px; box-shadow: 0 12px 28px #0008; }
.tc-submenu a { white-space: normal; }
.topbar :focus-visible { outline: 2px solid var(--champagne); outline-offset: 3px; }
@media (max-width: 1200px) {
  .nav__toggle { min-width: 44px; min-height: 44px; }                   /* alvo de toque; na v2.1 ≈35×32 px */
  .nav .nav__sair { margin: .75rem 0 0; }
  .nav__sair .btn { width: 100%; min-height: 44px; }
  .tc-group-toggle { width: 100%; justify-content: space-between; padding: .75rem 0; border-bottom: 1px solid var(--line-soft); border-radius: 0; }
  .tc-submenu { position: static; min-width: 0; box-shadow: none; margin: .3rem 0 .45rem 1rem; }
}

/* S1.3 · HMLG-01/20 · DEC-10/DEC-19 — rodapé .foot da v2.1 (topclub.css:820-856); só o foco é novo. */
.foot :focus-visible { outline: 2px solid var(--champagne); outline-offset: 3px; }