/*
 * Timeline du Programme ([afficher_programme], docs/04-CPT-PROGRAMME.md).
 * Code neuf calé sur la maquette fournie par l'utilisateur : heure en badge
 * à gauche, barre colorée avec le titre. Palette reprise de l'identité
 * existante (cyan clair + accent teal CIBM #4daec0).
 */

.d4e-programme-timeline {
	margin: 20px auto;
	max-width: 950px;
}

.d4e-programme-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	align-items: flex-start;
}

.d4e-programme-time {
	flex: 0 0 auto;
	min-width: 80px;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
	padding-top: 15px;
	font-size: 1.1em;
}

.d4e-programme-time .fa {
	color: #4daec0;
	margin-right: 4px;
}

.d4e-programme-bar {
	flex: 1 1 auto;
	background-color: #daf1f5;
	border-radius: 6px;
	padding: 14px 20px;
}

.d4e-programme-title {
	color: #333;
	    font-size: 1.1em;
    text-transform: uppercase;
	    font-weight: bold;
}

.d4e-programme-text {
	margin: 6px 0 0;
	font-size: 0.9em;
	color: #555;
}

/* Atelier-Capsule : bordure et fond accentués, titre en gras */
.d4e-programme-row--capsule .d4e-programme-bar {
	background-color: #c5eaf1;
	border-left: 5px solid #4daec0;
}

.d4e-programme-row--capsule .d4e-programme-title {
	font-weight: 700;
	
}

/* Pause : fond neutre, texte accentué salmon (cohérent avec l'identité CIBM) */
.d4e-programme-row--pause .d4e-programme-bar {
	background-color: #f2f2f2;
}

.d4e-programme-row--pause .d4e-programme-title {
	color: #c86561;
	font-weight: 600;
}

.d4e-programme-empty {
	text-align: center;
	font-style: italic;
	color: #757575;
}


@media (max-width: 991px) {
.d4e-programme-time {    
    min-width: 60px;   
    padding-top: 15px;
    font-size: 0.9em;
}
}