/* ==========================================================================
   Tema Deluxe — inspirado no International Superstar Soccer Deluxe do
   Super Nintendo: azul royal, dourado, tabelas quadriculadas, fonte pixel
   nos títulos. Requer base.css carregado antes deste arquivo. */
[data-theme="deluxe"] {
  --bg: #0d1660;
  --nav-bg: #0a1150;
  --surface: #1e3a8f;
  --surface-text: #ffffff;
  --text: #ffd23f;
  --muted: #aab8e6;
  --accent: #ffd23f;
  --accent-2: #ffd23f;
  --card-accent: #ffd23f;
  --link-on-surface: #ffd23f;
  --border: #ffd23f;
  --font-body: Verdana, Arial, sans-serif;
  --font-heading: "Press Start 2P", Verdana, sans-serif;
  --radius: 4px;
  --pos-goleiro: #ffd23f;
  --pos-zagueiro: #7fd8f5;
  --pos-meio: #c9a6ff;
  --pos-atacante: #ff8a65;
}

[data-theme="deluxe"] body {
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.035) 0px,
      rgba(255, 255, 255, 0.035) 2px,
      transparent 2px,
      transparent 7px
    ),
    linear-gradient(180deg, #12207a 0%, #060b3a 100%);
  background-attachment: fixed;
}

[data-theme="deluxe"] h1,
[data-theme="deluxe"] h2,
[data-theme="deluxe"] h3,
[data-theme="deluxe"] h4,
[data-theme="deluxe"] h5 {
  font-family: var(--font-heading);
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.01em;
  text-shadow: 2px 2px 0 #000;
  line-height: 1.5;
}
[data-theme="deluxe"] h1 { font-size: 1.5rem; }
[data-theme="deluxe"] h2 { font-size: 1.2rem; }
[data-theme="deluxe"] h3 { font-size: 1.05rem; }
[data-theme="deluxe"] h4 { font-size: 0.9rem; }
[data-theme="deluxe"] h5 { font-size: 0.8rem; }

[data-theme="deluxe"] .card-surface h2,
[data-theme="deluxe"] .card-surface h3,
[data-theme="deluxe"] .card-surface h4,
[data-theme="deluxe"] .card-surface h5,
[data-theme="deluxe"] .time-box h2,
[data-theme="deluxe"] .time-box h3,
[data-theme="deluxe"] .time-box h4,
[data-theme="deluxe"] .time-box h5 {
  color: var(--accent);
}

[data-theme="deluxe"] .navbar-mensal {
  border-bottom: 3px solid var(--accent);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

/* Abas do campeonato (Classificação / Seleção do Campeonato) — base.css
   fixa um fundo verde-escuro (visual "gramado") igual em todos os temas,
   mas aqui destoava da identidade azul/branco do Deluxe. Reforça com o
   próprio azul do tema em vez do verde fixo, texto branco continua igual. */
[data-theme="deluxe"] .campeonato-tabs {
  background: var(--surface);
  border-bottom: 3px solid #000;
}
[data-theme="deluxe"] .campeonato-tabs .nav-link.active {
  border-bottom-color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
}

[data-theme="deluxe"] .card-surface {
  background: linear-gradient(180deg, #24409e 0%, #16266b 100%);
  border: 3px solid var(--border);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}

[data-theme="deluxe"] .table-mensal {
  --bs-table-bg: #1e3a8f;
  --bs-table-color: #ffffff;
  --bs-table-border-color: rgba(255, 210, 63, 0.5);
}
[data-theme="deluxe"] .table-mensal th,
[data-theme="deluxe"] .table-mensal td {
  border: 1px solid rgba(255, 210, 63, 0.35);
}
[data-theme="deluxe"] .table-mensal thead {
  --bs-table-bg: #2946b8;
  --bs-table-color: #ffd23f;
  font-family: var(--font-heading);
  font-size: 0.55rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom: 2px solid var(--accent);
}
[data-theme="deluxe"] .table-mensal tbody tr:nth-child(even) {
  --bs-table-bg: #16266b;
}
[data-theme="deluxe"] .table-mensal tbody tr:hover {
  --bs-table-bg: #3355c9;
}

/* Linha do jogador marcado como "você" nas tabelas do Modo Carreira —
   a listra zebrada (:nth-child(even) acima) também mexe em --bs-table-bg,
   então a linha destacada mudava de cor dependendo se caía numa posição
   par ou ímpar. Fundo/cor direto em cada célula, sem depender da mesma
   variável, garante o mesmo destaque em qualquer linha. */
[data-theme="deluxe"] .table-warning,
[data-theme="deluxe"] .table-warning > td,
[data-theme="deluxe"] .table-warning > th {
  background-color: #ffffff !important;
  color: #0d1660 !important;
}

[data-theme="deluxe"] .btn-mensal {
  background: linear-gradient(180deg, #ffe27a 0%, #ffd23f 55%, #d9a90f 100%);
  border: 2px solid #000;
  color: #0d1660;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
[data-theme="deluxe"] .btn-mensal:hover {
  background: linear-gradient(180deg, #fff0b0 0%, #ffe27a 100%);
  border-color: #000;
  color: #0d1660;
}
[data-theme="deluxe"] .btn-outline-secondary {
  color: var(--text);
  border-color: var(--text);
}
[data-theme="deluxe"] .btn-outline-secondary:hover {
  background: var(--text);
  border-color: var(--text);
  color: #0d1660;
}
[data-theme="deluxe"] .btn-download {
  background: #ffd23f;
  border: 2px solid #000;
  color: #0d1660;
}
[data-theme="deluxe"] .btn-download:hover {
  background: #fff0b0;
  border: 2px solid #000;
  color: #0d1660;
}
[data-theme="deluxe"] .btn-pix {
  background: #ffd23f;
  border-color: #000;
  color: #0d1660;
}
[data-theme="deluxe"] .btn-pix:hover {
  background: #fff0b0;
  border-color: #000;
  color: #0d1660;
}

[data-theme="deluxe"] .pagination .page-link {
  border-width: 2px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

[data-theme="deluxe"] .destaque-card {
  background: linear-gradient(180deg, #2946b8 0%, #16266b 100%);
  border: 3px solid var(--border);
  color: #fff;
}
[data-theme="deluxe"] .destaque-card h5 {
  color: var(--accent);
}

/* Card mini (tela da partida) — zoom maior que o padrão de base.css (0.7),
   mas reduzido de 1.4 pra 1.2 pra não ficar grande demais no campo. */
[data-theme="deluxe"] .jogador-card-wrap--mini > .jogador-card {
  zoom: 1.2;
}

/* Foto do card no perfil do jogador (tela dele) — maior e quadrada, em vez
   do círculo pequeno padrão, pra dar mais destaque à foto. */
[data-theme="deluxe"] .jogador-card--perfil .jogador-card__foto {
  width: 180px;
  height: 180px;
  border-radius: 0;
}

/* Foto do card mini (tela da partida) — mesmo tratamento, um pouco maior
   e quadrada em vez do círculo pequeno padrão de base.css. */
[data-theme="deluxe"] .jogador-card--mini .jogador-card__foto {
  width: 44px;
  height: 44px;
  border-radius: 0;
}

/* Raridade por título (Jogador.tier_carta) — sobe um degrau a cada
   campeonato vencido: ferro (0, padrão) → bronze → prata → ouro →
   platina → safira (5+). Mesma paleta usada nos temas Moderno/Ultimate. */
[data-theme="deluxe"] .jogador-card--ferro {
  background: linear-gradient(180deg, #8a8f96 0%, #5a5f66 55%, #2e3136 100%);
  border-color: #2e3136;
  color: #fff;
}
[data-theme="deluxe"] .jogador-card--bronze {
  background: linear-gradient(180deg, #c99a68 0%, #8a5f3a 55%, #402c1c 100%);
  border-color: #402c1c;
  color: #fff;
}
[data-theme="deluxe"] .jogador-card--prata {
  background: linear-gradient(180deg, #c9d2da 0%, #99a3ad 55%, #5b636b 100%);
  border-color: #5b636b;
  color: #fff;
}
[data-theme="deluxe"] .jogador-card--ouro {
  background: linear-gradient(180deg, #f7c94f 0%, #d98a1f 55%, #8a4d10 100%);
  border-color: #8a4d10;
  color: #fff;
}
[data-theme="deluxe"] .jogador-card--platina {
  background: linear-gradient(180deg, #b8e8dc 0%, #7cc4b0 55%, #3f7a68 100%);
  border-color: #3f7a68;
  color: #fff;
}
[data-theme="deluxe"] .jogador-card--safira {
  background: linear-gradient(180deg, #5c9eea 0%, #2f6fd6 55%, #163f8a 100%);
  border-color: #163f8a;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35), 0 0 16px rgba(47, 111, 214, 0.5);
}
/* Topo da progressão (6+ títulos) — carta branca/pérola com borda dourada.
   Fundo claro demais pro texto branco das outras raridades, usa texto
   escuro aqui. */
[data-theme="deluxe"] .jogador-card--brancadourada {
  background: linear-gradient(180deg, #ffffff 0%, #ededed 55%, #d6d6d6 100%);
  border-color: #ffd23f;
  color: #1f1f1f;
  box-shadow: 0 0 16px rgba(255, 210, 63, 0.5);
}