/* Wrapper général (bloc) */
.ifa-seinfo-list {
	background: #f8f7f7;
}

/* NEW: grille responsive */
.ifa-seinfo-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(var(--ifa-seinfo-cols, 1), minmax(0, 1fr));
}

/* Responsive: tablet -> max 2 colonnes */
@media (max-width: 1024px) {
	.ifa-seinfo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Responsive: mobile -> 1 colonne */
@media (max-width: 600px) {
	.ifa-seinfo-grid {
		grid-template-columns: 1fr;
	}
}

/* Header row: title + inline "show all" link */
.ifa-seinfo-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding:1rem;
}
.ifa-seinfo-header .bloc-title{

	padding-left:0;

}

.ifa-seinfo-all-link {
	color: #888;
	font-size: 0.95rem;
	text-decoration: none;
	white-space: nowrap;
	margin-left:1rem;
	border: 1px solid #999;
	border-radius : 5px;
	padding:.2rem;
	background-color: #fff;
	text-align: right;
}

.ifa-seinfo-all-link span{
	padding-top: 2px;
}


.ifa-seinfo-all-link:hover,
.ifa-seinfo-all-link:focus {
	color: #555;
	text-decoration: none;
}

/* Optional: stack nicely on small screens */
@media (max-width: 600px) {
	.ifa-seinfo-header {
		flex-direction: column;
		align-items: flex-start;
	}
	.ifa-seinfo-all-link {
		white-space: normal;
	}
}

/* Items */
.ifa-seinfo-item {
	padding: 1rem;
	background-color: #fff;
	border-radius: 5px;
	/* on enlève margin-bottom, la grid gère l'espacement */
	margin-bottom: 0;
}

/* Row interne (date + contenu) */
.ifa-seinfo-row {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
}

/* =====================================================
   Colonnes
   ===================================================== */

.ifa-seinfo-col--left { flex: 0 0 auto; }
.ifa-seinfo-col--right { flex: 1 1 auto; }

/* =====================================================
   Date box (VERSION PLUS PRO)
   ===================================================== */

.ifa-date-box {
	display: flex;
	flex-direction: column;
	width: 70px;
	text-align: center;
	font-family: inherit;
	border-radius: 4px;
	overflow: hidden;
}

/* Jour (rectangle rouge, grand) */
.ifa-date-box--day {
	background-color: #a22183;
	color: #ffffff;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1;
	padding: 0.6rem 0.4rem;
}

/* Ligne basse: mois + année côte à côte */
.ifa-date-box--bottom {
	display: flex;
	background-color: #000000;
}

/* Mois */
.ifa-date-box--month {
	flex: 1 1 50%;
	color: #ffffff;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 0.4rem 0.2rem;
	word-break: keep-all;
	
}

/* Année */
.ifa-date-box--year {
	flex: 1 1 50%;
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 400;
	padding: 0.4rem 0.2rem;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

/* =====================================================
   Contenu à droite
   ===================================================== */

h3.ifa-seinfo-title {
	margin: 0 0 0.25rem 0 !important;
	font-size:0.99rem !important;
	text-transform: none;

}

.ifa-seinfo-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
	color: #444;
}

.ifa-seinfo-time,
.ifa-seinfo-attendance-mode,
.ifa-seinfo-enrolment {
	white-space: nowrap;
}

.ifa-seinfo-time::before {
  font-family: "dashicons";
  content: "\f469";
  /*font-size: 1rem;*/
}


.ifa-seinfo-attendance-mode::before {
  font-family: "dashicons";
  content: "\f230";
}
.ifa-seinfo-attendance-mode > span:not(:last-child){
  margin-right:1rem;
}

.ifa-seinfo-actions{
	text-align: right;
	/*margin-right:1rem;*/
}
.ifa-seinfo-action {
	display:inline-block;
	border:1px solid grey;
	border-radius : 3px;
	padding:.4rem;
	margin-top:.3rem;
	/*white-space: nowrap;*/
	/*word-break:keep-all;*/

}
.ifa-seinfo-action:not(:first-child){
	margin-left:1rem;
}

.ifa-seinfo-action:hover{
	color:inherit;
}

.ifa-seinfo-action.ifa-seinfo-edit{
	color:#999 !important;
	border-color:#999 !important
}

a.ifa-seinfo-action.ifa-seinfo-enrol-link{
	color:#fff !important;
}

.ifa-seinfo-content {
	font-size: 0.95rem;
	line-height: 1.5;
	color: #222;
}

/**
* Popup styles
*/
.infos-seance-wrapper h3{
	margin-top:1.5rem;
}
/**
* Mise en forme form CF7 pour les séances dînfo
*/


.attend-mode-radios {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-top: 0.25rem;
}

.attend-mode-radio {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.6rem;
	border: 1px solid #ddd;
	border-radius: 6px;
	cursor: pointer;
}

.attend-mode-radio input {
	margin: 0;
}

/* =====================================================
   Responsive
   ===================================================== */

@media (max-width: 600px) {
	.ifa-seinfo-row {
		gap: 1rem;
	}

	.ifa-date-box {
		width: 60px;
	}

	.ifa-date-box--day {
		font-size: 1.4rem;
		padding: 0.4rem;
	}

	.ifa-date-box--month {
		font-size: 0.75rem;
		word-break: keep-all;
	}

	.ifa-date-box--year {
		font-size: 0.7rem;
		word-break: keep-all;
	}
}