/*
 * Styles des blocs de la page événement (oa-ecl/event-image,
 * oa-ecl/event-categories, oa-ecl/event-dates). Mêmes variables que
 * blocks/events-list/style.scss pour rester visuellement cohérent avec les
 * cartes de la liste d'événements.
 */

.oa-event-visual {
	margin: 0 0 var( --wp--preset--spacing--40, 1.5rem );
}

.oa-event-visual img {
	width: 100%;
    /* max-height: 480px; */
    /* object-fit: cover; */
    border-radius: 2rem;
    display: block;
    transform: rotate(-1deg);
}

.oa-event-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 var( --wp--preset--spacing--20, 1rem );
}

.oa-event-categories__badge {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	background: var( --wp--preset--color--accent-2, #d91a60 );
	color: #fff;
}

.oa-event-dates {
	font-family: var( --wp--preset--font-family--basilar, sans-serif );
	font-weight: 700;
	font-size: 1.1rem;
	color: var( --wp--preset--color--accent-2, #d91a60 );
	margin: 0 0 var( --wp--preset--spacing--30, 1.25rem );
}