.agenda_page {
width:min(1100px, 100% - 2*var(--gouttiere));
margin:0 auto;
padding:30px 0 60px
}

.agenda_hero {
overflow:hidden;
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border-radius:var(--rayon);
box-shadow:var(--ombre);
color:var(--blanc);
padding:34px 26px 30px
}

.agenda_hero h1 {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px;
text-transform:uppercase;
font-size:clamp(26px, 4vw, 38px);
font-weight:700;
font-family:var(--fonteTitre);
line-height:1.1;
margin:0
}

.agenda_hero h1 i { color:var(--or) }

.agenda_heroScope { color:var(--or) }

.agenda_hero p {
max-width:640px;
color:rgba(255, 255, 255, .82);
margin:10px 0 0
}

.agenda_filtres {
position:sticky;
display:flex;
z-index:40;
flex-direction:column;
gap:10px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
top:8px;
margin:18px 0 0;
padding:12px 14px
}

.agenda_filtresLigne {
display:flex;
flex-wrap:wrap;
gap:8px
}

.agenda_filtresLigne input[type="search"] {
min-width:180px;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:16px;
transition:border-color var(--transition);
flex:2;
padding:10px 14px
}

.agenda_filtresLigne input[type="search"]:focus { border-color:var(--or) }

.agenda_filtresLigne select,
.agenda_filtresLigne input[type="date"] {
min-width:140px;
max-width:100%;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:14px;
font-family:var(--fonteTexte);
color:var(--encre);
flex:1;
padding:10px 12px
}

.agenda_btnLoupe {
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border:none;
border-radius:var(--rayonPetit);
color:var(--blanc);
cursor:pointer;
transition:transform var(--transition);
flex-shrink:0
}

.agenda_btnLoupe:hover { transform:translateY(-1px) }

.agenda_chips {
display:flex;
flex-wrap:wrap;
gap:7px
}

.agenda_chip { cursor:pointer }

.agenda_chip input {
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none
}

.agenda_chip span {
display:inline-block;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:20px;
font-size:13px;
font-weight:600;
color:var(--gris);
transition:background var(--transition), color var(--transition), border-color var(--transition);
padding:6px 14px
}

.agenda_chip input:checked + span {
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border-color:var(--marine);
color:var(--or)
}

.agenda_chip input:focus-visible + span {
outline:2px solid var(--or);
outline-offset:2px
}

.agenda_chipLive input:checked + span {
background:#c62828;
border-color:#c62828;
color:var(--blanc)
}

.agenda_zone { scroll-margin-top:80px }

.agenda_compteur {
font-size:13px;
color:var(--gris);
margin:16px 0 0
}

.agenda_compteur b { color:var(--marine) }

.agenda_jour {
display:flex;
align-items:center;
gap:9px;
text-transform:uppercase;
font-size:15px;
font-weight:700;
font-family:var(--fonteTitre);
letter-spacing:.6px;
color:var(--marine);
margin:22px 0 10px
}

.agenda_jour i { color:var(--or) }

.agenda_match {
position:relative;
display:grid;
grid-template-columns:74px minmax(0, 1fr) auto;
align-items:center;
gap:14px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
transition:border-color var(--transition), box-shadow var(--transition);
margin:0 0 8px;
padding:12px 14px
}

.agenda_match:hover {
border-color:color-mix(in srgb, var(--or) 45%, var(--ligne));
box-shadow:var(--ombre)
}

.agenda_matchLive { box-shadow:inset 3px 0 0 #c62828 }

.agenda_matchStatut {
display:flex;
flex-direction:column;
align-items:center;
gap:3px;
text-align:center
}

.agenda_matchStatut time {
font-size:16px;
font-weight:700;
font-variant-numeric:tabular-nums;
color:var(--marine)
}

.agenda_matchStatut b {
font-size:17px;
font-weight:700;
font-variant-numeric:tabular-nums;
color:var(--marine)
}

.agenda_matchStatut small {
font-size:11px;
color:var(--gris)
}

.agenda_badgeLive {
display:inline-block;
background:#c62828;
border-radius:4px;
text-transform:uppercase;
font-size:10px;
font-weight:700;
color:var(--blanc);
letter-spacing:.8px;
will-change:opacity;
animation:agenda_pulse 1.6s cubic-bezier(.4, 0, .2, 1) infinite;
padding:3px 7px
}

@keyframes agenda_pulse {
0%, 100% { opacity:1 }
50% { opacity:.55 }
}

@media (prefers-reduced-motion:reduce) {

	.agenda_badgeLive { animation:none }
}

.agenda_matchCorps { min-width:0 }

.agenda_equipes {
display:flex;
flex-direction:column;
gap:5px
}

.agenda_equipe {
display:flex;
align-items:center;
gap:9px;
min-width:0
}

.agenda_equipe img {
width:26px;
height:26px;
object-fit:contain;
flex-shrink:0
}

.agenda_logoVide {
display:flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
font-size:15px;
color:var(--ligne);
flex-shrink:0
}

.agenda_equipe b {
overflow:hidden;
font-size:14.5px;
font-weight:600;
color:var(--encre);
white-space:nowrap;
text-overflow:ellipsis
}

.agenda_equipeGagne b { font-weight:800 }

.agenda_equipe i {
min-width:20px;
font-size:15px;
font-weight:700;
font-style:normal;
font-variant-numeric:tabular-nums;
text-align:right;
color:var(--marine);
margin:0 0 0 auto
}

.agenda_matchMeta {
overflow:hidden;
font-size:12px;
color:var(--gris);
white-space:nowrap;
text-overflow:ellipsis;
margin:7px 0 0
}

.agenda_matchMeta a {
text-decoration:none;
font-weight:600;
color:var(--gris);
transition:color var(--transition)
}

.agenda_matchMeta a:hover { color:var(--marine) }

.agenda_btnDiscuter {
display:inline-flex;
align-items:center;
gap:7px;
background:linear-gradient(180deg, var(--orClair), var(--or));
border:none;
border-radius:var(--rayonPetit);
text-decoration:none;
font-size:13px;
font-weight:700;
color:var(--marine);
cursor:pointer;
transition:transform var(--transition), box-shadow var(--transition);
padding:9px 14px
}

.agenda_btnDiscuter:hover {
box-shadow:var(--ombre);
transform:translateY(-1px)
}

.agenda_btnDiscussion {
background:var(--papier);
border:1px solid var(--ligne)
}

.agenda_btnDiscussion:hover { border-color:var(--or) }

.agenda_btnDiscuter b {
background:var(--blanc);
border-radius:10px;
font-size:11px;
color:var(--gris);
padding:2px 8px
}

.agenda_pagination {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:6px;
margin:22px 0 0
}

.agenda_pagination a,
.agenda_pagination b,
.agenda_pagination span {
display:flex;
align-items:center;
justify-content:center;
min-width:38px;
height:38px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
text-decoration:none;
font-size:14px;
color:var(--encre);
padding:0 6px
}

.agenda_pagination b {
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border-color:var(--marine);
color:var(--or)
}

.agenda_pagination span { border:none }

.agenda_pagination a:hover { border-color:var(--or) }

.agenda_vide {
background:var(--blanc);
border:1px dashed var(--ligne);
border-radius:var(--rayon);
text-align:center;
color:var(--gris);
margin:18px 0 0;
padding:36px 20px
}

.agenda_videTitre {
font-size:17px;
font-weight:700;
color:var(--marine);
margin:0 0 6px
}

.agenda_videTitre i { color:var(--or) }

.agenda_blocForum {
position:relative;
overflow:hidden;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
margin:0 0 22px;
padding:20px 22px
}

.agenda_blocForum::before {
position:absolute;
content:"";
width:180px;
height:3px;
background:linear-gradient(90deg, var(--or), var(--orClair), transparent);
top:0;
left:0
}

.agenda_blocEnTete {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:10px
}

.agenda_blocEnTete h2 {
display:flex;
align-items:center;
gap:10px;
text-transform:uppercase;
font-size:20px;
font-weight:700;
font-family:var(--fonteTitre);
color:var(--marine);
margin:0
}

.agenda_blocEnTete h2 i { color:var(--or) }

.agenda_blocLienTout {
text-decoration:none;
font-size:13px;
font-weight:700;
color:var(--marine);
border-bottom:2px solid var(--or);
transition:color var(--transition);
padding:0 0 2px
}

.agenda_blocLienTout:hover { color:var(--or) }

.agenda_blocRecherche {
display:flex;
gap:8px;
margin:14px 0 0
}

.agenda_blocRecherche input {
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:16px;
transition:border-color var(--transition);
flex:1;
padding:9px 13px
}

.agenda_blocRecherche input:focus { border-color:var(--or) }

.agenda_blocRecherche button {
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border:none;
border-radius:var(--rayonPetit);
color:var(--blanc);
cursor:pointer;
flex-shrink:0
}

.agenda_blocZone { margin:14px 0 0 }

.agenda_blocColonnes {
display:grid;
grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);
gap:18px
}

.agenda_blocSousTitre {
display:flex;
align-items:center;
gap:8px;
text-transform:uppercase;
font-size:13px;
font-weight:700;
letter-spacing:.6px;
color:var(--gris);
margin:0 0 9px
}

.agenda_blocSousTitre i { color:var(--or) }

.agenda_blocVide {
font-size:13px;
color:var(--gris);
margin:0
}

.agenda_matchCompact {
grid-template-columns:60px minmax(0, 1fr) auto;
gap:10px;
padding:9px 11px
}

.agenda_matchCompact .agenda_equipe img,
.agenda_matchCompact .agenda_logoVide {
width:20px;
height:20px
}

.agenda_matchCompact .agenda_equipe b { font-size:13.5px }

.agenda_matchCompact .agenda_btnDiscuter {
font-size:12px;
padding:7px 11px
}

.agenda_matchCompact .agenda_btnDiscuter span { display:none }

.agenda_matchCompact .agenda_matchMeta { margin:5px 0 0 }

.forum_carteMatch {
display:inline-flex;
flex-direction:column;
gap:5px;
max-width:100%;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
margin:0 0 10px;
padding:10px 14px
}

.forum_carteMatchEquipes {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
font-size:14.5px
}

.forum_carteMatchEquipes img {
width:22px;
height:22px;
object-fit:contain
}

.forum_carteMatchScore {
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border-radius:6px;
font-size:13px;
font-weight:700;
font-variant-numeric:tabular-nums;
color:var(--or);
padding:3px 9px
}

.forum_carteMatch small { color:var(--gris) }

.agenda_chargement {
opacity:.45;
pointer-events:none;
transition:opacity var(--transition)
}

@media screen and (max-width:900px) {

	.agenda_blocColonnes { grid-template-columns:minmax(0, 1fr) }
}

@media screen and (max-width:640px) {

	.agenda_page { padding:20px 0 50px }

	.agenda_hero { padding:24px 18px 22px }

	.agenda_filtres { top:4px }

	.agenda_filtresLigne select,
	.agenda_filtresLigne input[type="date"] { min-width:calc(50% - 25px) }

	.agenda_match {
	grid-template-columns:56px minmax(0, 1fr);
	gap:10px
	}

	.agenda_match .agenda_btnDiscuter {
	justify-content:center;
	grid-column:1 / -1
	}

	.agenda_matchCompact { grid-template-columns:50px minmax(0, 1fr) }

	.agenda_matchCompact .agenda_btnDiscuter {
	justify-content:center;
	grid-column:1 / -1
	}

	.agenda_matchMeta { white-space:normal }

	.agenda_blocForum { padding:16px 14px }
}

#agenda_home { scroll-margin-top:80px }

.agendaHome_boite {
position:relative;
overflow:hidden;
background:linear-gradient(135deg, var(--marine) 0%, var(--marineProfond) 100%);
border-radius:var(--rayon);
box-shadow:var(--ombreHaut);
padding:clamp(22px, 3.5vw, 36px)
}

.agendaHome_boite::before {
position:absolute;
content:"";
width:220px;
height:3px;
background:linear-gradient(90deg, var(--or), var(--orClair), transparent);
top:0;
left:0
}

.agendaHome_enTete {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:14px
}

.agendaHome_titres h2 {
display:flex;
align-items:center;
gap:12px;
text-transform:uppercase;
font-size:clamp(24px, 3.4vw, 34px);
font-weight:700;
font-family:var(--fonteTitre);
color:var(--blanc);
margin:0
}

.agendaHome_titres h2 i { color:var(--or) }

.agendaHome_titres p {
max-width:560px;
font-size:14px;
color:rgba(255, 255, 255, .78);
margin:6px 0 0
}

.agendaHome_btnTout { flex-shrink:0 }

.agendaHome_stats {
display:flex;
flex-wrap:wrap;
gap:8px;
margin:16px 0 0
}

.agendaHome_stats span {
display:inline-flex;
align-items:center;
gap:6px;
background:rgba(255, 255, 255, .08);
border:1px solid rgba(255, 255, 255, .16);
border-radius:20px;
font-size:12.5px;
color:rgba(255, 255, 255, .85);
padding:5px 13px
}

.agendaHome_stats b {
font-size:14px;
color:var(--or)
}

.agendaHome_chips { margin:16px 0 0 }

.agendaHome_chip span {
background:rgba(255, 255, 255, .08);
border-color:rgba(255, 255, 255, .18);
color:rgba(255, 255, 255, .85)
}

.agendaHome_chip input:checked + span {
background:linear-gradient(180deg, var(--orClair), var(--or));
border-color:var(--or);
color:var(--marine)
}

.agendaHome_zone { margin:18px 0 0 }

.agendaHome_zone .agenda_jour { color:var(--blanc) }

.agendaHome_zone .agenda_match { border:none }

.agendaHome_sousTitre { color:rgba(255, 255, 255, .72) }

.agendaHome_aucun {
font-size:13px;
color:rgba(255, 255, 255, .65);
margin:0
}

.agendaHome_vide {
border:1px dashed rgba(255, 255, 255, .25);
border-radius:var(--rayonPetit);
text-align:center;
color:rgba(255, 255, 255, .75);
padding:30px 18px
}

.agendaHome_videTitre {
font-size:16px;
font-weight:700;
color:var(--blanc);
margin:0 0 5px
}

@media screen and (max-width:640px) {

	.agendaHome_boite { padding:18px 14px }

	.agendaHome_btnTout {
	justify-content:center;
	width:100%
	}
}