.vl-agenda {
	--vl-agenda-green: #7bdcb5;
	--vl-agenda-text: #000;
	--vl-agenda-muted: #555;
	margin: 1.5rem 0;
}

.vl-agenda__rail {
	display: flex;
	gap: 1.15rem;
	overflow-x: auto;
	padding: .15rem .15rem 1rem;
	scroll-snap-type: x proximity;
	scrollbar-color: var(--vl-agenda-green) #ececec;
	scrollbar-width: thin;
}

.vl-agenda__rail::-webkit-scrollbar { height: 9px; }
.vl-agenda__rail::-webkit-scrollbar-track { background: #ececec; }
.vl-agenda__rail::-webkit-scrollbar-thumb { background: var(--vl-agenda-green); }

.vl-agenda__card {
	display: flex;
	flex: 0 0 308px;
	flex-direction: column;
	min-height: 390px;
	overflow: hidden;
	background: #fff;
	color: var(--vl-agenda-text);
	border: 1px solid #dedede;
	scroll-snap-align: start;
}

.vl-agenda__image {
	position: relative;
	display: flex;
	flex: 0 0 174px;
	align-items: flex-end;
	padding: .9rem;
	background-color: #252525;
	filter: none;
	opacity: 1;
	background-position: center;
	background-size: cover;
	color: #fff;
}

.vl-agenda__image.has-no-image { background: linear-gradient(135deg, #7bdcb5, #3d8b71 58%, #1d3b34); }

.vl-agenda__card-title {
	margin: 0 0 .55rem;
	color: #000 !important;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 700;
	line-height: 1.05;
}

.vl-agenda__card-content { display: flex; flex: 1 1 auto; flex-direction: column; padding: .95rem; }
.vl-agenda__date { color: #27775c; font-size: .83rem; font-weight: 700; line-height: 1.25; text-transform: uppercase; }
.vl-agenda:not(.vl-agenda--project) .vl-agenda__date { text-transform: lowercase; }

.vl-agenda__project {
	margin: .7rem 0 .2rem;
	color: var(--vl-agenda-text);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 700;
	line-height: 1.08;
}

.vl-agenda__type { margin: 0 0 .65rem; font-size: 1rem; font-weight: 700; line-height: 1.3; }
.vl-agenda__venue { margin: 0; color: var(--vl-agenda-muted); font-size: 1rem; line-height: 1.35; }
.vl-agenda__venue-name, .vl-agenda__location { display: block; }
.vl-agenda__venue-name::before { margin-right: .35rem; color: #3b9878; content: '⌖'; }

.vl-agenda__event-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.1rem;
	min-height: 2.7rem;
	margin-top: auto;
	padding-top: .8rem;
	border-top: 2px solid var(--vl-agenda-green);
}

.vl-agenda__event-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.95rem;
	height: 1.95rem;
	padding: .4rem;
	border-radius: 50%;
	background: var(--vl-agenda-text);
	color: #fff;
}

.vl-agenda__event-link svg { width: 100%; height: 100%; fill: currentColor; }
.vl-agenda__event-link:focus-visible { outline: 2px solid #444; outline-offset: 3px; }
.vl-agenda__card.is-past { opacity: .78; }
.vl-agenda__card.is-past .vl-agenda__date { color: var(--vl-agenda-muted); }

.vl-agenda__booking { align-items: center; justify-content: center; min-height: 174px; padding: 1rem; background: #fff; }
.vl-agenda__booking p { margin: 0; color: var(--vl-agenda-text); font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; font-style: italic; font-weight: 700; text-align: center; }
.vl-agenda__empty { color: var(--vl-agenda-text); font-size: 20px; }

/* Les pages projets gardent volontairement l'affichage historique en ligne. */
.vl-agenda--project { margin: 1.5rem 0; }

.vl-agenda--project .vl-agenda__event {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: .25rem;
	padding: 0;
}

.vl-agenda--project .vl-agenda__event::before {
	flex: 0 0 auto;
	color: var(--vl-agenda-text);
	font-size: 1.15rem;
	line-height: 1;
	content: '→';
}

.vl-agenda--project .vl-agenda__line {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 .5rem;
	min-width: 0;
	color: var(--vl-agenda-text);
	font-size: 20px;
	line-height: 1.1;
}

.vl-agenda--project .vl-agenda__date,
.vl-agenda--project .vl-agenda__type,
.vl-agenda--project .vl-agenda__location { display: inline; color: var(--vl-agenda-text); font-size: inherit; }
.vl-agenda--project .vl-agenda__date { font-weight: 700; text-transform: lowercase; }
.vl-agenda--project .vl-agenda__type::before,
.vl-agenda--project .vl-agenda__location::before { margin-right: .5rem; color: var(--vl-agenda-text); content: '–'; }

.vl-agenda--project .vl-agenda__event-links {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: .35rem;
	min-height: 0;
	margin: 0 0 0 .1rem;
	padding: 0;
	border: 0;
}

.vl-agenda--project .vl-agenda__event-link { width: 1.35em; height: 1.35em; padding: .18em; }
.vl-agenda--project .vl-agenda__past-title { margin: 1.5rem 0 .45rem; color: #7bdcb5; font-size: 20px; font-style: italic; font-weight: 700; }
.vl-agenda--project .vl-agenda__empty { color: var(--vl-agenda-text); font-size: 20px; }

@media (max-width: 600px) { .vl-agenda__card { flex-basis: min(82vw, 308px); } }