/* FIFA Predictions 2026 — Custom Styles */

:root {
  --fifa-green: #EC6957;       /* Opel coral-red */
  --fifa-green-dark: #CF5C4D;  /* hover / darker shade */
  --opel-black: #1A1A1A;
  --gold: #c8a850;
  --gold-light: #f0d060;
}

/* Background & layout */
body {
  background-color: #f4f6f9;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main.container {
  flex: 1;
}

/* Navbar */
.bg-fifa-green { background-color: var(--fifa-green) !important; }
.text-fifa-green { color: var(--fifa-green) !important; }
.btn-fifa-green {
  background-color: var(--fifa-green);
  border-color: var(--fifa-green);
  color: #fff;
  font-weight: 600;
}
.btn-fifa-green:hover {
  background-color: var(--fifa-green-dark);
  border-color: var(--fifa-green-dark);
  color: #fff;
}
.btn-outline-fifa-green {
  color: var(--fifa-green);
  border-color: var(--fifa-green);
}
.btn-outline-fifa-green:hover {
  background-color: var(--fifa-green);
  color: #fff;
}

/* Gold */
.text-gold { color: var(--gold) !important; }
.bg-gold   { background-color: var(--gold) !important; }
.btn-gold  {
  background-color: var(--gold);
  border-color: var(--gold);
  color: #1a1a1a;
  font-weight: 600;
}
.btn-gold:hover {
  background-color: #b89638;
  border-color: #b89638;
  color: #1a1a1a;
}

/* Stat cards */
.stat-card { border-radius: 12px; }
.stat-number {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
}
.stat-label {
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #888;
  margin-top: 4px;
}

/* Event cards */
.event-card { transition: box-shadow 0.18s ease, transform 0.18s ease; }
.event-card:hover { box-shadow: 0 6px 24px rgba(0,100,55,0.15) !important; transform: translateY(-2px); }

/* Hero section */
.hero-section { padding: 60px 16px; }

/* Leaderboard */
.table-me td { background-color: #edf7f0 !important; }
.medal { font-size: 1.3rem; }

/* Footer */
.footer { background-color: var(--fifa-green); margin-top: auto; }

/* Card headers */
.card-header {
  border-bottom: none;
}

/* Nav active state */
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff !important;
  font-weight: 600;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255,255,255,0.85) !important;
}

/* Form controls */
.form-control:focus, .form-select:focus {
  border-color: var(--fifa-green);
  box-shadow: 0 0 0 0.2rem rgba(0, 100, 55, 0.15);
}

/* Badge - gold  */
.badge.bg-gold { color: #1a1a1a; }

/* Responsive tweaks */
@media (max-width: 576px) {
  .stat-number { font-size: 1.8rem; }
  .hero-section { padding: 40px 8px; }
}