/**
 * Trophies page — portal nav tema + layout (pairs with nav-portal-themes.css)
 */
.trophies-tema-match {
  --trophy-primary: #ffd700;
  --trophy-secondary: #ffa500;
  --trophy-border: rgba(255, 215, 0, 0.22);
}

/* Sync page accents with active nav tema */
body.nav-tema-shop-gold.trophies-tema-match {
  --trophy-primary: var(--nav-tb-accent, #ffd700);
  --trophy-secondary: var(--nav-tb-accent-alt, #ffaa44);
  --trophy-border: color-mix(in srgb, var(--nav-tb-accent, #ffd700) 28%, transparent);
}

body.nav-tema-neon-masternoder.trophies-tema-match {
  --trophy-primary: var(--nav-tb-accent-alt, #00d4ff);
  --trophy-secondary: var(--nav-tb-accent, #00ff88);
  --trophy-border: color-mix(in srgb, var(--nav-tb-accent, #00ff88) 30%, transparent);
}

body.nav-tema-exchange-ice.trophies-tema-match {
  --trophy-primary: var(--nav-tb-accent-alt, #7df9ff);
  --trophy-secondary: var(--nav-tb-accent, #00d4ff);
  --trophy-border: color-mix(in srgb, var(--nav-tb-accent, #00d4ff) 30%, transparent);
}

.trophies-tema-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.45;
  background:
    radial-gradient(circle at 20% 30%, rgba(255, 215, 0, 0.08), transparent 42%),
    radial-gradient(circle at 85% 70%, rgba(124, 92, 255, 0.1), transparent 38%);
}

body.trophy-theme-gold.trophies-tema-match {
  background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #0a0a0f 100%);
  background-attachment: fixed;
}

.trophy-theme-switcher {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 16px 0 8px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--trophy-primary) 35%, transparent);
  background: rgba(0, 0, 0, 0.35);
}

.trophy-theme-switcher button {
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.trophy-theme-switcher button:hover {
  color: #fff;
  border-color: color-mix(in srgb, var(--trophy-primary) 45%, transparent);
}

.trophy-theme-switcher button.active {
  color: #1a1008;
  background: linear-gradient(135deg, var(--trophy-primary), var(--trophy-secondary));
  border-color: transparent;
  font-weight: 700;
}

body.layout-standard.trophies-tema-match #intelligence-section {
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-inline: var(--page-side-padding);
  padding-bottom: var(--page-bottom-padding);
  position: relative;
  z-index: 5;
}

body.layout-standard.trophies-tema-match #intelligence-section h2 {
  color: var(--nav-tb-accent, #00ff88);
}

/* Remove empty placeholder if legacy markup remains */
#navigation-toolbar:empty {
  display: none;
}