/* site.css — styles additionnels pour la page publique (index.php)
   Vient compléter css/style.css (variables de couleur partagées avec l'espace membres) */

.navbar{ padding:18px 0; }
.crest{ width:40px; height:40px; object-fit:contain; flex-shrink:0; }
.nav a{ margin-left:24px; font-size:15px; }
.nav-cta{
  border:1px solid var(--line); padding:9px 18px; border-radius:2px;
  font-size:14px; color:var(--text); font-weight:500;
}

.hero{
  position:relative; padding:96px 0 80px; overflow:hidden;
  background:
    radial-gradient(ellipse 900px 500px at 15% -10%, rgba(245,197,24,0.12), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 0%, rgba(216,31,42,0.14), transparent 55%);
}
.hero-grid{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center; }
.kicker{ color:var(--amber); font-size:14px; font-weight:600; letter-spacing:0.4px; margin-bottom:18px; }
.hero h1{ font-size:52px; font-weight:700; line-height:1.05; margin-bottom:22px; }
.hero p{ color:var(--text-muted); font-size:17px; max-width:440px; margin-bottom:32px; }
.hero-actions{ display:flex; gap:14px; }
.btn-primary{ background:var(--amber); color:#1a1206; }
.btn-ghost{ border:1px solid var(--line); color:var(--text); background:transparent; }

.match-card{ background:var(--bg-alt); border:1px solid var(--line); border-radius:6px; padding:28px; }
.match-card .label{ font-size:12px; color:var(--text-muted); font-weight:600; letter-spacing:0.6px; margin-bottom:16px; }
.teams{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.team{ display:flex; flex-direction:column; align-items:center; gap:10px; width:40%; }
.team-dot{ width:52px; height:52px; border-radius:50%; background:var(--line); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; }
.team span{ font-size:14px; font-weight:500; text-align:center; }
.vs{ color:var(--text-muted); font-size:13px; font-weight:600; }
.match-meta{ color:var(--text-muted); font-size:13px; text-align:center; padding-top:14px; border-top:1px solid var(--line); }

section{ padding:64px 0; }
.section-head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:32px; border-bottom:1px solid var(--line); padding-bottom:18px; }
.section-head h2{ font-size:26px; font-weight:600; }

.results{ background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.results-list{ display:flex; overflow-x:auto; }
.result-item{ flex:1; min-width:220px; padding:26px; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:8px; }
.result-item:last-child{ border-right:none; }
.result-date{ font-size:12px; color:var(--text-muted); }
.result-score{ font-size:14px; font-weight:600; }
.result-score .score{ font-size:18px; color:var(--amber); margin:0 6px; }

.sponsors-band{ background:var(--bg-alt); border:1px solid var(--line); border-radius:6px; padding:32px; display:flex; align-items:center; gap:36px; flex-wrap:wrap; }
.sponsors-band .lead{ font-size:13px; color:var(--text-muted); font-weight:600; letter-spacing:0.3px; white-space:nowrap; }
.sponsor-logos{ display:flex; align-items:center; gap:32px; flex-wrap:wrap; flex:1; }
.sponsor-slot{
  height:44px; padding:0 20px; display:flex; align-items:center; justify-content:center;
  color:var(--text-muted); font-size:13px; font-weight:600; border:1px dashed var(--line); border-radius:4px;
  text-decoration:none;
}

footer{ border-top:1px solid var(--line); padding:48px 0 28px; margin-top:20px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr repeat(2,1fr); gap:36px; margin-bottom:32px; }
.footer-grid h4{ font-size:13px; letter-spacing:0.3px; margin-bottom:14px; color:var(--text-muted); }
.footer-grid ul{ list-style:none; }
.footer-grid li{ margin-bottom:8px; }
.footer-grid li a{ font-size:14px; color:var(--text-muted); }
.footer-grid li a:hover{ color:var(--text); }
.footer-bottom{ border-top:1px solid var(--line); padding-top:20px; display:flex; justify-content:space-between; font-size:13px; color:var(--text-muted); }

@media(max-width:860px){
  .hero-grid{ grid-template-columns:1fr; }
  .nav{ display:none; }
  .hero h1{ font-size:36px; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
}