/* =============================================
   ARENA CARDS 2026 — BRANDING OVERRIDE v3
   Abordagem mínima: não sobrescreve utility classes
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Nunito:wght@400;500;600;700;800&display=swap');

/* ── ANIMAÇÃO SHIMMER ── */
@keyframes shimmer-gold {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}

/* ── BARRA DE ANÚNCIO DOURADA (topo) ── */
body::before {
  content: '🏆  Copa do Mundo 2026  ·  Álbuns  ·  Figurinhas  ·  Cards  ·  Kits  ·  Frete grátis acima de R$ 150  🏆';
  display: block;
  background: linear-gradient(
    90deg,
    #7a4f00 0%,
    #e6a817 20%,
    #ffd700 40%,
    #fff176 50%,
    #ffd700 60%,
    #e6a817 80%,
    #7a4f00 100%
  );
  background-size: 200% auto;
  animation: shimmer-gold 5s linear infinite;
  color: #2a1500;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 16px;
  position: sticky;
  top: 0;
  z-index: 9999;
  box-shadow: 0 2px 12px rgba(230, 168, 23, 0.45);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ── TIPOGRAFIA — apenas fontes, sem cores ── */
body {
  font-family: 'Nunito', ui-sans-serif, system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Condensed', 'Nunito', sans-serif;
  letter-spacing: -0.01em;
}

/* ── HEADER — sombra sutil ── */
header {
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.07) !important;
}

/* ── CARDS — hover com elevação ── */
[class*="rounded-xl"][class*="border"],
[class*="rounded-lg"][class*="border"],
[class*="rounded-2xl"][class*="border"] {
  transition: box-shadow 0.22s ease, transform 0.22s ease;
}

[class*="rounded-xl"][class*="border"]:hover,
[class*="rounded-lg"][class*="border"]:hover {
  box-shadow: 0 8px 28px -4px rgba(13, 187, 63, 0.18), 0 2px 8px rgba(0,0,0,0.07) !important;
  transform: translateY(-3px);
}

/* ── FOOTER — borda dourada + fundo escuro ── */
footer {
  border-top: 3px solid #e6a817 !important;
}

/* ── INPUTS FOCUS ── */
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 3px rgba(13, 187, 63, 0.14) !important;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background: #f3f4f0; }
::-webkit-scrollbar-thumb {
  background: #0dbb3f;
  border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e6a817;
}

/* ── SELEÇÃO DE TEXTO ── */
::selection {
  background: rgba(13, 187, 63, 0.2);
  color: #111827;
}