/* Olympiades v2 - Styles */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar { margin-bottom: 20px; }
.table-hover tbody tr:hover { background-color: #f5f5f5; }
.goal-average { font-size: 0.85em; color: #6c757d; }
.match-type-badge { font-size: 0.8em; padding: 2px 6px; margin-left: 6px; }

/* Logos */
.logo-container img {
    max-height: 80px;
    width: auto;
    transition: transform 0.3s ease;
}
.logo-container img:hover { transform: scale(1.1); }

/* Affiche */
.affiche-container {
    margin-bottom: 20px;
    transition: transform 0.3s;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 0.25rem;
    overflow: hidden;
}
.affiche-container:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* Cards */
.card {
    transition: transform 0.2s, box-shadow 0.2s;
    margin-bottom: 1rem;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Boutons */
.btn { transition: all 0.2s; }

/* Responsive */
@media (max-width: 768px) {
    .btn-lg { padding: 0.375rem 0.75rem; font-size: 1rem; }
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    .lead { font-size: 1rem; }
    .jumbotron { padding: 2rem 1rem; }
    .table-responsive { font-size: 0.9rem; }
    .btn { margin-bottom: 0.5rem; }
}