/* ================================================================
   THE CLEAN ENTRY — Forum Skin
   2000s sports message board / Rivals.com / Scout.com aesthetic
   Oregon Ducks green + gold palette
   Load LAST so it wins over all other stylesheets.
   ================================================================ */

/* ── FONT SYSTEM ───────────────────────────────────────────────── */
body, input, select, textarea, button, th, td, label, a, p, li, span {
  font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

body {
  font-size: 12px;
  line-height: 1.5;
  background-color: #111111;
  color: #d4d4c8;
}

h1 { font-size: 17px !important; letter-spacing: 0 !important; }
h2 { font-size: 15px !important; letter-spacing: 0 !important; }
h3 { font-size: 13px !important; letter-spacing: 0 !important; }
h4 { font-size: 12px !important; letter-spacing: 0 !important; }

/* ── SITE HEADER / BANNER ──────────────────────────────────────── */
.forum-banner {
  background: #001208;
  border-bottom: 1px solid #1a3a18;
}

.forum-banner-img {
  display: block;
  width: 100%;
  height: auto;
}

.banner-enter-link {
  position: absolute;
  bottom: 4px;
  right: 0;
  width: 160px;
  height: 18px;
  cursor: pointer;
}

header {
  background: #001f0e !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  position: static !important; /* no sticky on 2000s forums */
}

/* Banner strip */
header .container {
  display: block !important;
  padding: 0 !important;
  max-width: 100% !important;
}

.site-logo {
  display: block !important;
  width: 100%;
  background: linear-gradient(180deg, #003a18 0%, #001f0e 100%);
  border-bottom: 2px solid #6a5210;
  padding: 10px 12px !important;
  text-decoration: none !important;
  gap: 0 !important;
}

.site-logo-mark {
  display: none !important; /* ditch the pill icon, forum has text banner */
}

.site-logo-text {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #FDB827 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  font-family: Verdana, sans-serif !important;
  display: block;
}

.site-logo-sub {
  font-size: 10px !important;
  color: #9aaa88 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;
  display: block !important;
  margin-top: 2px !important;
  font-family: Verdana, sans-serif !important;
}

/* Nav tab bar */
.forum-nav-strip {
  background: #1a2e1a;
  border-bottom: 3px solid #6a5210;
}

.header-nav {
  padding: 0 !important;
  display: flex !important;
  gap: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  max-width: 960px;
  background: transparent;
}

.header-nav > a,
.nav-dropdown-btn {
  color: #c8c8b8 !important;
  font-size: 11px !important;
  font-weight: bold !important;
  padding: 7px 14px !important;
  border-radius: 0 !important;
  border-right: 1px solid #2d4a2d !important;
  background: none !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background 0.1s, color 0.1s !important;
  display: flex;
  align-items: center;
}

.header-nav > a:hover,
.nav-dropdown-btn:hover {
  background: #2a4a1a !important;
  color: #FDB827 !important;
}

.header-nav > a.active {
  background: #003018 !important;
  color: #FDB827 !important;
  border-bottom: 3px solid #FDB827;
  margin-bottom: -3px;
}

.nav-admin {
  margin-left: 0 !important;
  border-left: 1px solid #2d4a2d !important;
  border-right: none !important;
  color: #666 !important;
  font-size: 10px !important;
}

/* Dropdown */
.nav-dropdown-content {
  background: #1a2e1a !important;
  border: 2px solid #6a5210 !important;
  border-radius: 0 !important;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6) !important;
  top: calc(100% + 3px) !important;
  margin-top: 0 !important;
}

.nav-dropdown-content a {
  font-size: 11px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #2d3d2d !important;
  color: #c8c8b8 !important;
  padding: 7px 12px !important;
}

.nav-dropdown-content a:hover {
  background: #2a4a1a !important;
  color: #FDB827 !important;
}

/* ── MAIN CONTAINER ────────────────────────────────────────────── */
main.container {
  padding-top: 14px !important;
  padding-bottom: 24px !important;
  max-width: 960px;
}

/* ── FORUM SECTION HEADERS (replaces .page-hero, .card-header, h2) ── */
.page-hero {
  background: linear-gradient(180deg, #004022 0%, #002a16 100%) !important;
  border: 2px solid #5a4510 !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 2px 2px 4px rgba(0,0,0,0.5) !important;
}

.page-hero h1,
.page-hero h2 {
  color: #FDB827 !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  margin-bottom: 3px !important;
}

.page-hero .hero-sub {
  color: #9aaa88 !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
}

/* ── CARDS → FORUM THREAD CONTAINERS ──────────────────────────── */
.card {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 0 !important;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.5) !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
  transition: none !important;
  transform: none !important;
}

.card:hover {
  border-color: #5a4510 !important;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.5) !important;
  transform: none !important;
}

/* Forum-style card header bar */
.card-header,
.contest-header,
.leaderboard-container > *:first-child {
  background: linear-gradient(180deg, #004022 0%, #002e18 100%) !important;
  border-bottom: 2px solid #6a5210 !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
}

.card-header h2, .card-header h3,
.contest-title {
  color: #FDB827 !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  margin: 0 !important;
}

/* ── TABLES ────────────────────────────────────────────────────── */
table {
  border-collapse: collapse !important;
  font-size: 12px !important;
  width: 100%;
}

th {
  background: linear-gradient(180deg, #004a24 0%, #003018 100%) !important;
  color: #FDB827 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 7px 10px !important;
  border: 1px solid #1a4a22 !important;
  border-bottom: 2px solid #6a5210 !important;
  font-weight: bold !important;
}

td {
  padding: 6px 10px !important;
  border-bottom: 1px solid #1e2e1e !important;
  font-size: 12px !important;
  color: #d4d4c8 !important;
}

tbody tr:nth-child(even) td {
  background: #161616 !important;
}

tbody tr:nth-child(odd) td {
  background: #1c1c1c !important;
}

tbody tr:hover td {
  background: #252525 !important;
  color: #ffffff !important;
}

/* ── BUTTONS ───────────────────────────────────────────────────── */
.btn, button[type="submit"] {
  border-radius: 2px !important;
  font-family: Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 6px 14px !important;
  border: 1px solid !important;
  cursor: pointer;
  transition: none !important;
}

.btn-primary, .btn-primary-link {
  background: linear-gradient(180deg, #004a22 0%, #002e14 100%) !important;
  color: #FDB827 !important;
  border-color: #5a4510 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 1px 1px 2px rgba(0,0,0,0.5) !important;
}

.btn-primary:hover, .btn-primary-link:hover {
  background: linear-gradient(180deg, #005a28 0%, #003a1a 100%) !important;
  color: #ffd860 !important;
}

.btn-accent {
  background: linear-gradient(180deg, #FDB827 0%, #c48a10 100%) !important;
  color: #001a08 !important;
  border-color: #8a5e08 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 1px 1px 2px rgba(0,0,0,0.5) !important;
}

.btn-accent:hover {
  background: linear-gradient(180deg, #ffc840 0%, #d49a18 100%) !important;
}

.btn-secondary, .btn-secondary-link, .btn-ghost {
  background: linear-gradient(180deg, #1e2e1e 0%, #141e14 100%) !important;
  color: #9aaa88 !important;
  border-color: #2d3d2d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 1px 1px 2px rgba(0,0,0,0.4) !important;
}

.btn-secondary:hover, .btn-secondary-link:hover {
  color: #FDB827 !important;
  border-color: #5a4510 !important;
}

/* ── FORMS / INPUTS ────────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
textarea, select {
  background: #0a120a !important;
  border: 1px solid #2a4a2a !important;
  border-radius: 1px !important;
  color: #d4d4c8 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 12px !important;
  padding: 5px 8px !important;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4) !important;
}

input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: #FDB827 !important;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4), 0 0 4px rgba(253,184,39,0.3) !important;
  background: #0e1a0e !important;
}

label, .form-label {
  font-size: 11px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #9aaa88 !important;
  margin-bottom: 4px !important;
}

/* ── BADGES ────────────────────────────────────────────────────── */
.badge {
  border-radius: 2px !important;
  font-size: 9px !important;
  font-family: Verdana, sans-serif !important;
  font-weight: bold !important;
  letter-spacing: 0.5px;
  padding: 2px 5px !important;
}

/* ── ALERTS ────────────────────────────────────────────────────── */
.alert {
  border-radius: 0 !important;
  font-size: 12px !important;
  border-left: 4px solid !important;
}

/* ── LINKS ─────────────────────────────────────────────────────── */
a {
  color: #7ab87a !important;
}

a:hover {
  color: #FDB827 !important;
  text-decoration: underline !important;
}

/* ── NAV LINKS (breadcrumbs) ───────────────────────────────────── */
.nav-links a {
  background: #1a2e1a !important;
  border: 1px solid #2a3d2a !important;
  border-radius: 2px !important;
  color: #9aaa88 !important;
  font-size: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 10px !important;
  text-decoration: none !important;
}

.nav-links a:hover {
  background: #2a4a1a !important;
  color: #FDB827 !important;
  text-decoration: none !important;
}

/* ── INDEX PAGE: CONTEST CARD ──────────────────────────────────── */
.contest-card {
  border-radius: 0 !important;
  border: 2px solid #2a3d2a !important;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.5) !important;
}

.contest-card:hover {
  border-color: #5a4510 !important;
}

.contest-header {
  background: linear-gradient(180deg, #004022 0%, #002a16 100%) !important;
  border-bottom: 3px solid #6a5210 !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
}

.contest-icon {
  font-size: 1.4rem !important;
  margin-bottom: 4px !important;
}

.contest-title {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #FDB827 !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
  text-transform: uppercase;
}

.contest-subtitle {
  font-size: 10px !important;
  color: #9aaa88 !important;
  margin: 4px 0 0 0 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.leaderboard-section {
  padding: 10px 14px !important;
  background: #1a1a1a !important;
}

.leaderboard-label {
  font-size: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #FDB827 !important;
  border-bottom: 1px solid #2a3d2a !important;
  padding-bottom: 6px !important;
  margin-bottom: 8px !important;
}

.leaderboard-row {
  display: flex !important;
  align-items: center !important;
  padding: 6px 4px !important;
  border-bottom: 1px solid #222222 !important;
  gap: 10px !important;
  border-radius: 0 !important;
  transition: none !important;
}

.leaderboard-row:hover {
  background: #222222 !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.leaderboard-row:nth-child(1) {
  background: rgba(253, 184, 39, 0.07) !important;
  border-left: 3px solid #FDB827 !important;
  padding: 6px 4px !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

.leaderboard-row:nth-child(2) {
  background: rgba(0, 56, 49, 0.2) !important;
  padding: 6px 4px !important;
  border-radius: 0 !important;
}

.leaderboard-rank {
  font-weight: bold !important;
  color: #FDB827 !important;
  min-width: 28px !important;
  font-size: 13px !important;
  text-align: center !important;
}

.leaderboard-name {
  font-weight: bold !important;
  color: #d4d4c8 !important;
  flex: 1;
  font-size: 12px !important;
}

.leaderboard-score {
  font-weight: bold !important;
  color: #FDB827 !important;
  font-size: 12px !important;
  min-width: 48px !important;
  text-align: right !important;
}

.contest-footer {
  background: #0e160e !important;
  border-top: 2px solid #2a3d2a !important;
  padding: 10px 14px !important;
  gap: 8px !important;
}

.contest-footer a {
  border-radius: 2px !important;
  font-size: 11px !important;
  padding: 7px 14px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ── LEADERBOARD TABLE ─────────────────────────────────────────── */
.leaderboard-container {
  border: 2px solid #2a3d2a !important;
  border-radius: 0 !important;
}

.rank-col  { color: #FDB827 !important; font-size: 12px !important; font-weight: bold !important; }
.name-col  { font-weight: bold !important; color: #d4d4c8 !important; font-size: 12px !important; }
.score-col { color: #FDB827 !important; font-weight: bold !important; font-size: 12px !important; }
.picks-col { font-size: 11px !important; color: #9aaa88 !important; }

.player-pill {
  border-radius: 2px !important;
  font-size: 10px !important;
  font-family: Verdana, sans-serif !important;
  padding: 2px 6px !important;
}

.medal { font-size: 14px !important; }

/* Tournament hero on leaderboard */
.tournament-hero {
  background: linear-gradient(180deg, #004022 0%, #002a16 100%) !important;
  border: 2px solid #5a4510 !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  text-align: left !important;
}

.tournament-hero h2 {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #FDB827 !important;
}

.tournament-meta {
  font-size: 10px !important;
  justify-content: flex-start !important;
  gap: 20px !important;
  color: #9aaa88 !important;
}

/* ── JOIN CARD ─────────────────────────────────────────────────── */
.join-card {
  max-width: 440px !important;
  margin: 20px auto !important;
  background: #1a1a1a !important;
  border: 2px solid #2a2a2a !important;
  padding: 0 !important;
}

.join-card h2 {
  background: linear-gradient(180deg, #004022 0%, #002a16 100%);
  border-bottom: 2px solid #6a5210;
  color: #FDB827 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 !important;
  padding: 10px 14px;
}

.join-card .subtitle {
  font-size: 10px !important;
  color: #9aaa88 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 14px 0 14px;
  margin: 0 !important;
}

.join-card form,
.join-card > .error-msg,
.join-card > .btn {
  padding: 0 14px;
}

.join-card form {
  padding: 14px !important;
}

/* ── FOOTER ────────────────────────────────────────────────────── */
footer {
  background: #0d0d0d !important;
  border-top: 2px solid #222222 !important;
  margin-top: 20px !important;
  padding: 12px 0 !important;
}

footer p, footer nav a {
  font-size: 10px !important;
  color: #4a6a4a !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

footer nav a:hover {
  color: #FDB827 !important;
  text-decoration: none !important;
}

/* ── FEEDBACK BUTTON ───────────────────────────────────────────── */
#feedback-btn {
  border-radius: 2px 2px 0 0 !important;
  font-size: 10px !important;
  font-family: Verdana, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(180deg, #004022 0%, #002a16 100%) !important;
  border: 1px solid #5a4510 !important;
  color: #FDB827 !important;
}

/* ── SECTION LABEL ─────────────────────────────────────────────── */
.section-label {
  font-size: 9px !important;
  letter-spacing: 2px !important;
  color: #FDB827 !important;
  text-transform: uppercase !important;
}

/* ── EMPTY STATES ──────────────────────────────────────────────── */
.empty-state p {
  font-size: 12px !important;
  color: #5a7a5a !important;
}

/* ── MISC ANIMATIONS: kill the smooth stuff ────────────────────── */
* {
  transition-duration: 0.05s !important;
}

.fade-in, .slide-in {
  animation: none !important;
}

/* ── SCROLLBAR (webkit) ────────────────────────────────────────── */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0a120a; }
::-webkit-scrollbar-thumb { background: #2a4a2a; border: 1px solid #1a2a1a; }
::-webkit-scrollbar-thumb:hover { background: #3a5a3a; }