/*
Theme Name: Family Tournament Tracker Theme
Theme URI: https://example.com/family-tournament-tracker
Author: Ilyas Family Tournament
Description: A simple dark single-page WordPress theme designed to match the Family Tournament Tracker plugin.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: family-tournament-theme
*/

:root {
  --bg:#0b1020;
  --card:#151b2f;
  --card2:#1d2540;
  --text:#f6f7fb;
  --muted:#b8bfd6;
  --accent:#ffd166;
  --win:#2ecc71;
  --loss:#ef476f;
  --draw:#4cc9f0;
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background: linear-gradient(160deg,#07101f,#111832);
  color: var(--text);
  padding: 16px;
}

a { color: var(--accent); }
img { max-width: 100%; height: auto; }

.ftt-site-wrap {
  max-width: 1100px;
  margin: 0 auto;
}

.ftt-header {
  text-align: center;
  padding: 18px 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  margin-bottom: 16px;
}

.ftt-header h1 {
  margin: 0 0 8px;
  font-size: 30px;
  line-height: 1.15;
}

.ftt-prize {
  color: var(--accent);
  font-size: 18px;
  font-weight: 700;
}

.ftt-main {
  width: 100%;
}

/* Make normal WordPress content fit the dark one-page style */
.entry-content,
.wp-block-post-content {
  background: transparent;
  color: var(--text);
}

.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }

.wp-block-button__link,
button,
input[type="submit"] {
  border: 0;
  border-radius: 12px;
  padding: 11px 14px;
  font-weight: 800;
  cursor: pointer;
  background: var(--accent);
  color: #111;
}

input, select, textarea {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: #0d1326;
  color: var(--text);
}

.ftt-footer {
  text-align: center;
  color: var(--muted);
  font-size: 12px;
  padding: 18px 0 4px;
}

/* If the tracker plugin outputs its original classes, keep everything seamless */
.wrap { max-width: 1100px; margin: 0 auto; }
header { text-align:center; padding:18px 12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:18px; margin-bottom:16px; }
h1 { margin:0 0 8px; font-size:30px; }
.prize { color:var(--accent); font-size:18px; font-weight:700; }
.hint { color:var(--muted); margin-top:8px; font-size:14px; }
.grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap:14px; }
.player { background:var(--card); border:1px solid rgba(255,255,255,.12); border-radius:16px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.25); }
.player-head { display:flex; justify-content:space-between; align-items:center; padding:12px 14px; background:var(--card2); }
.name { font-size:22px; font-weight:800; }
.total { background:var(--accent); color:#111; padding:7px 12px; border-radius:999px; font-weight:900; min-width:70px; text-align:center; }
.team { display:grid; grid-template-columns: 1fr 70px 78px; gap:8px; align-items:center; padding:10px 12px; border-top:1px solid rgba(255,255,255,.08); }
.team-name { font-size:16px; font-weight:700; }
input.score { width:70px; padding:9px; border-radius:10px; border:1px solid rgba(255,255,255,.18); background:#0d1326; color:var(--text); font-size:16px; text-align:center; }
select.result { width:78px; padding:9px 5px; border-radius:10px; border:1px solid rgba(255,255,255,.18); background:#0d1326; color:var(--text); font-size:14px; }
.win { color:var(--win); } .loss { color:var(--loss); } .draw { color:var(--draw); }
.leaderboard, .rules { margin-top:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:14px; }
h2 { margin:0 0 12px; }
table { width:100%; border-collapse: collapse; overflow:hidden; border-radius:12px; }
th,td { padding:10px; border-bottom:1px solid rgba(255,255,255,.12); text-align:left; }
th { color:var(--accent); background:rgba(0,0,0,.18); }
.buttons { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; justify-content:center; }
button.secondary { background:#303a5d; color:var(--text); }

@media (max-width:460px){
  body { padding: 12px; }
  .team{ grid-template-columns:1fr 58px 72px; gap:6px; padding:9px 10px;}
  input.score{width:58px;}
  select.result{width:72px;}
  h1, .ftt-header h1{font-size:25px;}
  .name{font-size:20px;}
}