/* tournaments.css - Clean, centered tournaments view */

.tour-hero {
  background: linear-gradient(135deg, rgba(59,130,246,.08), rgba(124,58,237,.08));
  border: 1px solid rgba(59,130,246,.25);
  border-radius: 16px;
  padding: 28px 22px;
  margin: 18px auto 24px;
  text-align: center;
  max-width: 980px;
}
.tour-hero .title {
  font: 800 2rem/1.1 'Orbitron', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: linear-gradient(135deg, #60a5fa, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 6px 0;
}
.tour-hero .subtitle { color: #94a3b8; margin: 0; font-weight: 600; }

.middle-wrap { max-width: 860px; margin: 0 auto; }

.filter-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; margin: 8px 0 18px; }
.filter-chip {
  padding: 8px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px;
  background: rgba(255,255,255,.04); color: #cbd5e1; font-weight: 700; cursor: pointer; user-select: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.filter-chip:hover { transform: translateY(-1px); }
.filter-chip.active { background: linear-gradient(135deg,#60a5fa,#7c3aed); border-color: rgba(99,102,241,.5); color: #fff; }
.filter-count { margin-left: 6px; opacity: .9; font-weight: 800; }

.tour-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.tour-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 14px; display:block; color: inherit; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.tour-card:hover { text-decoration: none; }
.tour-card:hover { transform: translateY(-2px); background: rgba(59,130,246,.08); }
.tour-head { display:flex; align-items:center; justify-content: space-between; gap:10px; margin-bottom: 8px; }
.tour-name { color: #fff; font-weight: 800; margin: 0; line-height: 1.25; }
.status { font-size: .7rem; font-weight: 800; padding: 4px 8px; border-radius: 999px; letter-spacing: .4px; }
.status-ongoing { background: linear-gradient(135deg, #10b981, #059669); color: #fff; }
.status-pending { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; }
.status-completed { background: linear-gradient(135deg, #6b7280, #4b5563); color: #fff; }

.tour-meta { display:flex; align-items:center; justify-content: space-between; gap: 8px; color: #94a3b8; font-size: .9rem; margin-bottom: 8px; }
.type-badge { border-radius: 10px; padding: 2px 8px; font-size: .7rem; font-weight: 800; }
.type-5v5 { background: linear-gradient(135deg,#10b981,#059669); color: #fff; }
.type-2v2 { background: linear-gradient(135deg,#8b5cf6,#7c3aed); color: #fff; }
.type-1v1 { background: linear-gradient(135deg,#f97316,#ea580c); color: #fff; }

.tour-stats { display:grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tour-stat { text-align:center; padding: 10px; border-radius: 10px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); }
.tour-stat .num { font-weight: 900; background: linear-gradient(135deg,#60a5fa,#7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.tour-stat .label { color: #94a3b8; font-size: .8rem; }

.tour-actions { display:flex; justify-content: flex-end; margin-top: 10px; }
.btn, .btn:visited { border-radius: 12px; font-weight: 700; letter-spacing: .2px; transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-pill { border-radius: 999px; }
.btn-outline { color: #93c5fd; border: 1px solid rgba(99,102,241,.5); background: rgba(59,130,246,.06); padding: 6px 12px; text-decoration:none; }
.btn-outline:hover { color: #fff; background: linear-gradient(135deg, rgba(96,165,250,.35), rgba(124,58,237,.35)); border-color: rgba(99,102,241,.7); }

.empty { text-align:center; padding: 30px; color: #94a3b8; }
.empty i { font-size: 2rem; color: rgba(59,130,246,.35); display:block; margin-bottom: 8px; }

.fab-create { position: fixed; right: 16px; bottom: 16px; width: 48px; height: 48px; display:grid; place-items:center; border-radius: 999px; color:#fff; text-decoration:none; background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.fab-create:hover { transform: translateY(-1px); }

@media (max-width: 576px){
  .tour-stats { grid-template-columns: 1fr 1fr 1fr; }
}