/*page agenda*/
.page-agenda {
    background-color: #fffaf3;
}

.thumbnaileven {
	background-color: #fff;
	border-radius: 60px;
	text-align: left;
	padding: 15px;
	color: black;
}

.calendar {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

.calendar .day {
	padding: 10px;
	border: 1px solid #ddd;
	height: 100px;
}

@media (max-width: 767px) {
	.calendar .day {
		height: auto;
	}
}

.calendar .date {
	font-weight: bold;			
	color: #ffffff; /* Couleur du texte des dates */
	background-color: #1355a2; /* Couleur de fond des dates */
	padding: 5px;
	border-radius: 5px;
}

.calendar .event {
	margin-top: 10px;
}

.info-pratiques {
	margin: 0 auto;
	margin-top: 20px;
	padding: 15px;	
	border: 1px solid #ddd;
	border-radius: 0 0 40px 40px;
}

.titre-atelier-agenda {
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 25px 15px 25px 15px;
	text-align: center;
	font-size: 22px;
	background-color: #1355a2;
	color: #ffffff;	
	border-radius: 40px 40px 0 0;
}

@media (max-width: 768px) {
	.titre-atelier-agenda {
		font-size: 20px; /* taille réduite sur mobile */
	}
}

.ancres{
	scroll-margin: 100px;
}

/*page agenda cadre prestations passées*/
.carte-fixe {
	height: 100%;
	min-height: 350px; /* Hauteur minimale uniforme */
	display: flex;
	flex-direction: column;
}

.carte-fixe .panel-heading,
.carte-fixe .panel-body,
.carte-fixe .panel-footer {
	flex-shrink: 0;
}

.carte-fixe .panel-body {
	flex-grow: 1; /* Remplit l'espace disponible */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.event-meta {
	margin-bottom: 10px;
}

.event-meta li {
	margin-bottom: 4px;
}

.text-muted {
	line-height: 1.5; 
	text-align: center;  /* si tu veux aussi centrer horizontalement */
}

.panel-heading {
	min-height: 60px;            /* définit une hauteur minimale uniforme */
	display: flex;
	align-items: center;         /* aligne verticalement le contenu */
	justify-content: center;     /* centre horizontalement */
	padding: 10px 15px;
	background-color: #fdf2e0 !important; /* orange pastel (pêche) */
	color: #4a4038 !important;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.carte-fixe {
		min-height: auto; /* Autorise la variation sur mobile */
	}
}

/*page agenda carrousel dates des ateliers*/
.agenda-wrapper {
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.agenda-track {
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
	gap: 20px;
	padding-bottom: 24px;
	margin: 0 auto
}

.agenda-card {
	flex: 0 0 auto;
	min-width: 320px;
	background: #fdf2e0;
	border-radius: 8px;
	padding: 16px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	justify-content: center;   /* vertical */
	align-items: center;       /* horizontal */
	text-align: center;
	color: #4a4038 !important;
}

.agenda-car h3 {
	color: #d86e2c; /* orange terre cuite - visible et chaleureux */
	font-weight: bold;
}

.nav-arrow {
	background: rgba(0,0,0,0.3);
	border: none;
	color: white;
	font-size: 20px;
	padding: 8px;
	margin:5px;
	border-radius: 20%;
	cursor: pointer;
	z-index: 10;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.nav-arrow.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

@media (max-width: 768px) {
	.agenda-card {
		min-width: 280px;
	}
	
	.nav-arrow {
		display: block; /* ? Garde les flèches sur mobile */
		font-size: 15px;
		padding: 6px;
	}
}

/*page agenda carte des événements passés cachés*/
.encart-cache {
	display: none;
	opacity: 0;
	transition: opacity 0.6s ease;
}
.encart-cache.visible {
	display: block;
	opacity: 1;
}