/* Mejdoub — Agenda (ateliers, expositions, rencontres…). Couleurs du thème Mejdoub, avec valeurs de secours. */

.wp-block-mejdoub-agenda,
.mejdoub-agenda-fiche {
	--ag-noir: var(--wp--preset--color--noir, #111111);
	--ag-rouge: var(--wp--preset--color--rouge, #E3241B);
	--ag-rouge-fonce: var(--wp--preset--color--rouge-fonce, #C0161B);
	--ag-jaune: var(--wp--preset--color--jaune, #FFD84D);
	--ag-gris: var(--wp--preset--color--gris, #D9D9D9);
	--ag-mono: var(--wp--preset--font-family--courier-prime, "Courier New", monospace);
	/* Rôles (redéfinis sur fond noir plus bas). */
	--ag-trait: var(--ag-noir);
	--ag-accent: var(--ag-rouge-fonce);
	--ag-bouton-fond: var(--ag-noir);
	--ag-bouton-texte: #FFFFFF;
}

/* Sur fond noir (section Photographie) : traits clairs, accents jaunes, bouton jaune. */
.has-noir-background-color .wp-block-mejdoub-agenda {
	--ag-trait: var(--wp--preset--color--anthracite, #444444);
	--ag-accent: var(--ag-jaune);
	--ag-bouton-fond: var(--ag-jaune);
	--ag-bouton-texte: var(--ag-noir);
}

.mejdoub-agenda__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid var(--ag-trait);
}

.mejdoub-agenda__item {
	display: grid;
	grid-template-columns: minmax(120px, 160px) minmax(0, 1fr) auto;
	gap: clamp(16px, 2.2vw, 32px);
	align-items: center;
	margin: 0;
	padding: clamp(24px, 2.5vw, 36px) 0;
	border-top: 3px solid var(--ag-trait);
}

.mejdoub-agenda__item.is-passe {
	opacity: 0.55;
}

/* Pavé date */
.mejdoub-agenda__date {
	margin: 0;
}

.mejdoub-agenda__date time {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.mejdoub-agenda__jour {
	color: var(--ag-rouge);
	font-size: clamp(40px, 4vw, 60px);
	font-weight: 900;
	line-height: 0.9;
	letter-spacing: -0.03em;
	white-space: nowrap;
}

.mejdoub-agenda__mois {
	color: var(--ag-accent);
	font-family: var(--ag-mono);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

/* Corps */
.mejdoub-agenda__corps > * {
	margin: 0;
}

.mejdoub-agenda__corps > * + * {
	margin-top: 10px;
}

.mejdoub-agenda__titre {
	font-size: clamp(22px, 2vw, 28px);
	font-weight: 800;
	line-height: 1.2;
}

.mejdoub-agenda__titre a {
	color: inherit;
	text-decoration: none;
}

.mejdoub-agenda__titre a:hover {
	text-decoration: underline;
	text-decoration-color: var(--ag-rouge);
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
}

.mejdoub-agenda__resume {
	font-size: 16px;
	line-height: 1.6;
}

.mejdoub-agenda__badge {
	display: inline-block;
	margin-right: 6px;
	padding: 3px 10px;
	background: var(--ag-gris);
	color: var(--ag-noir);
	font-family: var(--ag-mono);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Badges de type : contour (les badges de public sont pleins). */
.mejdoub-agenda__badge[class*="is-type-"] {
	padding: 1px 8px;
	border: 2px solid currentColor;
	background: transparent;
	color: inherit;
}

.mejdoub-agenda__badge.is-public-jeunes {
	background: var(--ag-jaune);
}

.mejdoub-agenda__badge.is-public-adultes {
	background: var(--ag-noir);
	color: var(--ag-jaune);
}

.mejdoub-agenda__infos {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 28px;
	margin: 0;
	font-size: 15px;
}

.mejdoub-agenda__infos > div {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

.mejdoub-agenda__infos dt {
	color: var(--ag-accent);
	font-family: var(--ag-mono);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.mejdoub-agenda__infos dd {
	margin: 0;
	font-weight: 700;
}

/* Action */
.mejdoub-agenda__bouton {
	display: inline-block;
	padding: 16px 26px;
	border-radius: 999px;
	background: var(--ag-bouton-fond);
	color: var(--ag-bouton-texte);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.mejdoub-agenda__bouton:hover,
.mejdoub-agenda__bouton:focus-visible {
	background: var(--ag-rouge-fonce);
	color: #FFFFFF;
}

.mejdoub-agenda__etat {
	display: inline-block;
	padding: 14px 24px;
	border: 2px solid currentColor;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

.mejdoub-agenda__vide {
	margin: 0;
	padding: 28px 0;
	border-top: 3px solid var(--ag-trait);
	border-bottom: 3px solid var(--ag-trait);
	font-weight: 600;
}

/* Fiche (page d'un atelier) */
.mejdoub-agenda-fiche {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 40px;
	align-items: center;
	padding: clamp(24px, 3vw, 40px);
	background: var(--ag-jaune);
	color: var(--ag-noir);
	box-shadow: var(--wp--preset--shadow--decale-noir, 12px 12px 0 #111111);
}

.mejdoub-agenda-fiche .mejdoub-agenda__infos {
	flex: 1 1 260px;
	flex-direction: column;
}

.mejdoub-agenda-fiche .mejdoub-agenda__infos dt {
	min-width: 72px;
}

@media (max-width: 781px) {
	.mejdoub-agenda__item {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		align-items: start;
	}

	.mejdoub-agenda__date time {
		flex-direction: row;
		align-items: baseline;
		gap: 10px;
	}

	.mejdoub-agenda__action .mejdoub-agenda__bouton,
	.mejdoub-agenda__action .mejdoub-agenda__etat {
		display: block;
		text-align: center;
	}
}
