/* Poke United v2 (28/10/2026): camada visual aprovada pelo dono a partir da prévia.
   Carregada por último no Template_Base. As fontes vêm por <link> no <head>.
   Base: docs/PLANO_UX_SITE_SKILLS_2026-10-28.md
   (Emil Kowalski, Jakub Krehel, Garden Skills, Impeccable). */


:root {
  --v2-title: 'Rubik', system-ui, sans-serif;
  --v2-body: 'Source Sans 3', system-ui, sans-serif;
  --pku-font-title: var(--v2-title);
  --pku-font-body: var(--v2-body);
  --pku-font-mono: var(--v2-body);
  --v2-gold: #f5b82e;
  --v2-line: oklch(1 0 0 / 0.08);
  --v2-ease: cubic-bezier(0.23, 1, 0.32, 1);
}

/* ---------- 1. Tipografia: 2 famílias (antes eram 7 renderizadas) ---------- */
html { -webkit-font-smoothing: antialiased; }
body,
body :is(p, span, a, li, td, th, label, input, button, select, textarea, small, b, strong, em, div, time, blockquote):not([class*="fa"]):not([class*="flaticon"]):not([class*="icon"]) {
  font-family: var(--v2-body) !important;
}
body :is(h1, h2, h3, h4, h5, h6, .title, .pku-hero-title, .pku-bento-title, .pku-world__title, .pku-section-title, .pku-plain-head, .pku-discord-title, .modal-title) {
  font-family: var(--v2-title) !important;
  letter-spacing: -0.01em !important;
}

/* Fim da CAIXA ALTA espaçada (o tique mais reconhecível de interface gerada) */
/* :is(#v2-boost, *) dá peso de ID à regra: vence os !important do tema antigo */
body :is(#v2-boost, *) { text-transform: none !important; }
body :is(#v2-boost, a, button, span, small, label, th, li, p, div, b, em) { letter-spacing: normal !important; }

h1, h2, h3, .title { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* Números que mudam: largura fixa por dígito */
:is(.pku-world__stat b, time, small, td, th, [class*="price"], [class*="valor"], [class*="ponto"], .shop__item-price, #pku-stat-online, #pku-stat-record) {
  font-variant-numeric: tabular-nums;
}

/* ---------- 2. Hero sem palavra pintada ---------- */
.pku-hero-title {
  font-size: clamp(2.1rem, 1.2rem + 3.2vw, 3.6rem) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}
.pku-title-gold {
  color: inherit !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

/* ---------- 3. Sem efeitos de "IA": tilt 3D, spotlight, vidro, brilho ---------- */
.pku-tilt, .pku-tilt-card { transform: none !important; }
.pku-spotlight::before, .pku-spotlight::after, .pku-sheen::before, .pku-sheen::after { display: none !important; }
.pku-showcase-frame, .pku-world__cols, .modal-content { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body :is(#v2-boost, *) { text-shadow: none !important; }
.pku-loginbtn, .pku-btn-primary, .pku-btn-secondary { box-shadow: none !important; }
/* faixas coloridas à esquerda de cards e linhas */
tr, tr > th:first-child, tr > td:first-child, [class*="card"], [class*="box"] { border-left-color: transparent !important; }
:is(#v2-boost, tr) > :is(th, td):first-child { box-shadow: none !important; }

/* Bento: de "grade de cards iguais" para colunas editoriais */
.pku-bento-box {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--v2-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 20px 0 0 !important;
}
.pku-bento-top { display: none !important; }
.pku-bento-box, .pku-bento-hero, .pku-bento-grid > * { min-height: 0 !important; height: auto !important; }
.pku-bento-box > div { gap: 10px; }
/* Painel de eventos do hero: sem card em volta dos cards */
.pku-showcase-frame { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.pku-bento-title { font-size: 1.25rem !important; }

/* ---------- 4. Botões e alvos de toque ---------- */
a.pku-btn-primary, a.pku-btn-secondary, button, .btn, .submit-btn, .tg-btn-2, input[type=submit] {
  min-height: 44px;
  transition-property: transform, background-color, color, border-color, opacity !important;
  transition-duration: 160ms !important;
  transition-timing-function: ease-out !important;
}
:is(a.pku-btn-primary, a.pku-btn-secondary, button, .btn, .submit-btn, .tg-btn-2):active { transform: scale(0.97) !important; }
.navigation a, .tg-header__area nav a, .list-wrap a, footer a { min-height: 44px; display: inline-flex; align-items: center; }

/* Foco visível para quem usa teclado */
:is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--v2-gold) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* ---------- 5. Movimento ---------- */
/* Nada de "transition: all" (antes 345 regras): só propriedades baratas */
body *:not(.pku-live-strip__rail) {
  transition-property: color, background-color, border-color, opacity, transform !important;
}
/* hover só em quem tem mouse: no celular o efeito "grudava" */
@media (hover: none) {
  body *:hover { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .pku-live-strip__rail { animation: none !important; }
  .pku-atmosphere, .pku-atmosphere * { animation: none !important; }
  body * { transition-duration: 0ms !important; }
}

/* Contorno discreto em imagens sobre fundo escuro */
.pku-news img, .shop__item-thumb img, .pku-showcase-frame img { outline: 1px solid oklch(1 0 0 / 0.1); outline-offset: -1px; }

/* ---------- 6. Faixa ao vivo ---------- */
.pku-live-strip__label { font-weight: 700 !important; font-size: 13px !important; }

/* ---------- 7. Loja no celular (cards sobrepostos e texto cortado) ---------- */
@media (max-width: 575px) {
  #lista_de_items { margin-left: -6px; margin-right: -6px; }
  #lista_de_items > .col { padding: 0 6px; margin-bottom: 12px; min-width: 0; }
  .shop__item { width: auto !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 12px !important; }
  .shop__item-thumb { height: auto !important; padding: 8px 0 !important; }
  .shop__item-thumb img { max-width: 64px; height: auto; }
  .shop__item-content, .shop__item-content-top { min-width: 0; text-align: center !important; }
  .shop__item .title { font-size: 15px !important; line-height: 1.25 !important; white-space: normal !important; overflow-wrap: anywhere; }
  .shop__item .title a { display: block; }
  .shop__item-line { display: none !important; }
}

/* ---------- 8. "Agora no servidor": sem a fileira de estatísticas de template ---------- */
.pku-world__stat[data-v2-hide], .pku-world__stats[data-v2-hide] { display: none !important; }
.pku-log li[data-v2-group] em { white-space: normal; }

/* Sem tela de carregamento por cima de página já carregada */
#preloader, .preloader, [class*="preloader"], .pku-loader { display: none !important; }