/* ===========================================
   Espacements généraux
   =========================================== */

#seminaires-results {
	margin-top: 30px;
}

.filtre-seminaires-container {
	margin-top: 30px;
}

.no-seminars-message {
	margin-top: 40px;
	text-align: center;
	font-weight: 700;
}


/* ===========================================
   Filtres : disposition Type + Période
   =========================================== */

.filters-row-2col {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 40px;
	margin-top: 20px;
	flex-wrap: wrap; /* évite l'étirement excessif */
}

.filter-col {
	display: flex;
	flex-direction: column;
	flex: 0 1 250px;
	max-width: 300px;
}


/* ===========================================
   Layout principal : Filtres + Image
   =========================================== */

.seminaire-header-layout {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.seminaire-left {
	flex: 1;
	min-width: 420px;
}

.seminaire-right img {
	width: 360px;
	height: auto;
	object-fit: cover;
	border-radius: 6px;
}


/* ===========================================
   Responsive — Tablette & Mobile
   =========================================== */

/* TABLETTES & MOBILES (≤ 600px)
   — empiler les filtres Type/Période
   — aligner tout à gauche
*/
@media (max-width: 600px) {

	/* Empilage Type + Période */
	.filters-row-2col {
		flex-direction: column;
		gap: 15px;
		width: 100%;
	}

	/* Alignements à gauche */
	.theme-selector-seminaires .selector-left,
	.theme-selector-seminaires .filters,
	.theme-selector-seminaires .filter-col,
	.theme-selector-seminaires .filters-row-2col {
		text-align: left !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}

	/* Selects adaptés au mobile */
	.theme-selector-seminaires select {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 260px;
	}

	/* Labels */
	.theme-selector-seminaires .label {
		text-align: left !important;
		width: 100% !important;
		display: block !important;
	}

	/* Pas de min-width sur la colonne gauche */
	.seminaire-left {
		min-width: 0 !important;
	}

	/* Layout principal : vertical sur mobile */
	.seminaire-header-layout {
		flex-direction: column;
	}

	.seminaire-right img {
		width: 100%;
	}
}


/* ===========================================
   Responsive — Très petit mobile (≤ 480px)
   Ajustements complémentaires
   =========================================== */

@media (max-width: 480px) {

	.seminaire-left {
		min-width: 100% !important;
	}

	.filter-col {
		max-width: 100%;
		flex: 1 1 100%;
	}

	.selector-left,
	.filters {
		width: 100%;
	}

	.selector-top {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
.lpmmc-cache-warning{
  margin: 0 0 12px 0;
  padding: 10px 12px;
  border-left: 4px solid #f39c12;
  background: #fff7e6;
  border-radius: 6px;
}