/*
 * Page « Webcasts » (Classical/webcasts.html.twig), 28/10/2026 : menus des types et des années (barre de filtres de
 * filtre-annees.css), puis une ligne par webcast :
 * date en carré crème, type, titre vers la fiche du rendez-vous, bouton vers le webcast (rouge s'il est à venir).
 */
.wc{
	--wc-rouge:#e40520;
	--wc-encre:#1d1d1b;
	--wc-gris:#6b6b6b;
	--wc-filet:#ebe6e4;
	--wc-fond:#f6f3f2;
	margin-top:40px
}

/* Années et webcasts : une année sans webcast du type choisi est masquée, comme celles écartées par le filtre (même
   poids que les règles d'affichage des lignes ci-dessous, qui sinon les réaffichaient) */
.content .wc .wc-groupe[hidden],.content .wc .wc-groupe.sans-webcast,.content .wc .wc-ligne[hidden],.content .wc .wc-rien[hidden]{display:none}
.content .wc h2.wc-annee{margin:0 0 6px;padding:0;background:none;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wc-rouge)}
.content .wc .wc-liste{margin:0 0 40px;padding:0;list-style:none;border-top:1px solid var(--wc-filet)}
.content .wc .wc-ligne{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:center;margin:0;padding:18px 0;background:none;border-bottom:1px solid var(--wc-filet)}
.content .wc .wc-ligne:before{display:none}
.wc-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:8px;background:var(--wc-fond)}
.wc-jour{font-size:22px;line-height:1;font-weight:600;color:var(--wc-encre)}
.wc-mois{margin-top:5px;font-size:11px;line-height:1;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--wc-gris)}
.wc-corps{min-width:0}
.wc-type{display:block;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wc-rouge)}
.content .wc h3.wc-titre{margin:4px 0 0;padding:0;background:none;font-size:16px;line-height:1.45;font-weight:600;text-transform:none;letter-spacing:0}
.content .wc .wc-titre a{color:var(--wc-encre);text-decoration:none;transition:color .2s}
.content .wc .wc-titre a:hover{color:var(--wc-rouge)}
.wc-date-texte{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--wc-gris)}
.content .wc .wc-voir{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--wc-encre);color:#fff;font-size:13px;line-height:1;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .2s}
.content .wc .wc-voir:hover,.content .wc .wc-voir.a-venir{background:var(--wc-rouge)}
.content .wc .wc-voir.a-venir:hover{background:var(--wc-encre)}
.wc-voir svg{width:14px;height:14px}
.wc-voir:focus-visible{outline:2px solid var(--wc-rouge);outline-offset:2px}
.content .wc .wc-rien{margin:0 0 40px;font-size:15px;color:var(--wc-gris)}

@media only screen and (max-width: 640px){
	.wc{margin-top:32px}
	.content .wc .wc-ligne{grid-template-columns:52px minmax(0,1fr);gap:8px 16px;align-items:start}
	.wc-date{width:52px;height:52px}
	.wc-jour{font-size:18px}
	.content .wc .wc-voir{grid-column:2;justify-self:start;margin-top:6px}
}
@media (prefers-reduced-motion: reduce){
	.content .wc .wc-titre a,.content .wc .wc-voir{transition:none}
}