.tournoi-u11 {
margin-top: 40px;
}
.tournoi-logo {
text-align: center;
margin-bottom: 20px;
}
.tournoi-logo img {
max-width: 220px;
height: auto;
}
.tournoi-intro {
max-width: 900px;
margin: 0 auto 30px auto;
text-align: center;
}
.tournoi-intro p {
font-size: 16px;
line-height: 1.7;
margin: 0;
}
.teams-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 24px;
margin-top: 25px;
}
.team-card {
background: #fff;
border-radius: 16px;
padding: 20px 15px;
text-align: center;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.team-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.team-logo-wrap {
width: 120px;
height: 120px;
margin: 0 auto 15px auto;
display: flex;
align-items: center;
justify-content: center;
}
.team-logo-wrap a {
display: inline-block;
text-decoration: none;
}
.team-logo {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.2s ease;
}
.team-logo-wrap a:hover .team-logo {
transform: scale(1.08);
}
.team-name {
margin: 0;
font-weight: 700;
font-size: 15px;
line-height: 1.4;
}
.tournoi-results{
text-align:center;
margin-top:40px;
}
.tournoi-results-btn{
display:inline-block;
padding:14px 28px;
font-size:16px;
font-weight:700;
background:#000;
color:#fff;
border-radius:8px;
text-decoration:none;
transition:all 0.25s ease;
}
.tournoi-results-btn:hover{
background:#222;
transform:translateY(-2px);
}
.social-links {
display: flex;
gap: 15px;
justify-content: center;
margin-top: 20px;
}
.social-links img {
width: 30px;
height: 30px;
}
}