/* ================================
   STYLE GLOBAL — LIGUE 3v3
   ================================ */

body {
    font-family: Arial, sans-serif;
    background:#eef2f7;
    margin:0;
    padding:0;
}

/* ================================
   NAVIGATION PRINCIPALE
   ================================ */

.navbar {
    background:#0b1e3d;
    padding:0;
    margin:0;
    border-bottom:8px solid #c62828;
}

.navbar ul {
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.navbar li {
    margin:0;
}

.navbar a {
    display:block;
    padding:15px 20px;
    color:white;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    transition:0.2s;
}

.navbar a:hover,
.navbar a.active {
    background:#c62828;
}

/* ================================
   TITRES DE PAGE
   ================================ */

.page-title,
header {
    background:#0b1e3d;
    color:white;
    padding:20px;
    text-align:center;
    font-size:28px;
    font-weight:bold;
    border-bottom:8px solid #c62828;
}

/* ================================
   CONTENU PRINCIPAL
   ================================ */

main {
    width:95%;
    max-width:900px;
    margin:25px auto;
    background:white;
    padding:20px;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

/* ================================
   CARTES DE MATCHS (Résultats)
   ================================ */

.match-card {
    background:white;
    padding:20px;
    margin-bottom:15px;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,0.15);
    cursor:pointer;
    transition:0.2s;
}

.match-card:hover {
    transform:scale(1.02);
    background:#f7f9fc;
}

.match-header {
    font-size:16px;
    color:#444;
    margin-bottom:10px;
}

.match-teams {
    font-size:20px;
    font-weight:bold;
    color:#0b1e3d;
}

.match-score {
    font-size:22px;
    font-weight:bold;
    margin:8px 0;
}

.match-link {
    color:#c62828;
    font-weight:bold;
    margin-top:10px;
    display:inline-block;
}

/* ================================
   TABLEAUX (Classement, Stats)
   ================================ */

table {
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}

th {
    background:#0b1e3d;
    color:white;
    padding:12px;
    font-size:18px;
}

td {
    padding:10px;
    text-align:center;
    border-bottom:1px solid #ddd;
    font-size:17px;
}

.team {
    text-align:left;
    font-weight:bold;
    color:#0b1e3d;
}

/* ================================
   RÉSUMÉ DE MATCH
   ================================ */

h2 {
    color:#0b1e3d;
    border-bottom:3px solid #c62828;
    padding-bottom:5px;
}

.section {
    margin-bottom:25px;
}

.goal,
.punition,
.gardien,
.star {
    margin:5px 0;
}

/* ================================
   BOUTONS (si tu en ajoutes)
   ================================ */

.btn {
    background:#0b1e3d;
    color:white;
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
    font-weight:bold;
    transition:0.2s;
}

.btn:hover {
    background:#c62828;
}