/**
 * Single Événement (ri-single-evenement)
 */

/* ---- Breadcrumb pleine largeur ---- */

.ri-single-evenement .event-breadcrumb {
	padding: 24px 24px 24px 40px;
}

/* ---- Layout global 3 zones ---- */

.ri-single-evenement .event-layout {
	background-color: var(--ri-color-white);
	padding-block: var(--ri-block-padding-xl);
}

.ri-single-evenement .event-layout > .container {
	display: grid;
	grid-template-columns: 1fr 302px;
	grid-template-rows: auto auto;
	align-items: start;
	column-gap: 24px;
}

.ri-single-evenement .event-top {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.ri-single-evenement .event-top .ri-container {
	margin-inline: 0;
}

.ri-single-evenement .event-content {
	grid-column: 1;
	grid-row: 2;
	min-width: 0;
}

.ri-single-evenement .event-publie {
	margin: 0;
	font: 400 12px/1 var(--ri-font-1);
	color: var(--ri-color-grey);
}


/* ---- Thumbnail ---- */

.ri-single-evenement .event-thumbnail {
	margin-bottom: var(--ri-space-xl);
}

.ri-single-evenement .event-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 7;
	object-fit: cover;
}

/* ---- Corps éditorial ---- */

.ri-single-evenement .event-body p {
	margin-block: 0;
}

.ri-single-evenement .event-body > p + p {
	margin-top: var(--ri-space-md);
}

.ri-single-evenement .event-body .wp-block-list,
.ri-single-evenement .event-body ul,
.ri-single-evenement .event-body ol {
	margin-block: var(--ri-space-md);
}

.ri-single-evenement .event-body .wp-block-list {
	list-style: none;
	padding-left: 40px;
}

.ri-single-evenement .event-body .wp-block-list li {
	font: 400 var(--ri-size-text-body) / 1.5 var(--ri-font-1);
	color: var(--ri-color-teal);
	padding-left: 24px;
	position: relative;
}

.ri-single-evenement .event-body .wp-block-list li + li {
	margin-top: var(--ri-space-sm);
}

.ri-single-evenement .event-body .wp-block-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	background-color: var(--ri-color-yellow);
}

.ri-single-evenement .event-body p + .wp-block-list,
.ri-single-evenement .event-body p + ul,
.ri-single-evenement .event-body p + ol {
	margin-top: var(--ri-space-md);
}

.ri-single-evenement .event-body > *:last-child {
	margin-bottom: 0;
}

.ri-single-evenement .event-body > *:not(p):not(.wp-block-list):not(ul):not(ol) {
	margin-top: 0;
	margin-bottom: var(--ri-space-xl);
}

.ri-single-evenement .event-body p:has(+ :not(p):not(.wp-block-list):not(ul):not(ol)) {
	margin-bottom: var(--ri-space-xl);
}

.ri-single-evenement .event-body h2 {
	font-size: 18px;
}

.ri-single-evenement .event-body > .ri-carrousel-images,
.ri-single-evenement .event-body > .ri-texte-image,
.ri-single-evenement .event-body > .ri-lien-telechargement {
	padding-block: 0;
}

.ri-single-evenement .ri-texte-image .ri-container,
.ri-single-evenement .ri-video-youtube .ri-container {
	max-width: 100%;
	margin: 0;
	width: 100%;
}

.ri-single-evenement .event-body > .ri-texte-image > .ri-container {
	width: 100%;
}

/* ---- Sidebar ---- */

.ri-single-evenement .event-sidebar {
	grid-column: 2;
	grid-row: 1 / 3;
	position: sticky;
	top: 100px;
	align-self: start;
}

.ri-single-evenement .sidebar-box {
	padding: var(--ri-space-xl) var(--ri-space-md);
	background-color: var(--ri-color-grey-soft);
	display: flex;
	flex-direction: column;
	gap: var(--ri-space-2xl);
	overflow: hidden;
}

.ri-single-evenement .sidebar-nom {
	margin: 0;
	font: 700 var(--ri-size-text-body-xxl) / 1.2 var(--ri-font-1);
}

/* ---- Infos (date, heures, lieu) ---- */

.ri-single-evenement .sidebar-infos {
	display: flex;
	flex-direction: column;
	gap: var(--ri-space-md);
}

.ri-single-evenement .info-item {
	display: flex;
	flex-direction: column;
	gap: var(--ri-space-xs);
}

.ri-single-evenement .info-label {
	font: 400 12px/1 var(--ri-font-1);
	color: var(--ri-color-teal);
}

.ri-single-evenement .info-sep {
	display: block;
	height: 1px;
	width: 100%;
	background-color: var(--ri-color-yellow);
}

.ri-single-evenement .info-valeur {
	font: 700 32px/1.2 var(--ri-font-2);
}

.ri-single-evenement .info-adresse {
	font: 400 16px/1.4 var(--ri-font-1);
	font-style: normal;
	margin: 0;
}

/* ---- CTA inscription ---- */

.ri-single-evenement .sidebar-cta-wrapper {
	display: flex;
	justify-content: flex-end;
}

.ri-single-evenement .sidebar-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--ri-space-sm) var(--ri-space-md);
	background-color: var(--ri-color-yellow);
	color: var(--ri-color-teal);
	font: 700 var(--ri-size-text-body-sm) / 1 var(--ri-font-1);
	text-decoration: none;
	transition: background-color var(--ri-transition-base), color var(--ri-transition-base);
}

.ri-single-evenement .sidebar-cta:hover {
	background-color: var(--ri-color-teal);
	color: var(--ri-color-white);
}

.ri-single-evenement .ri-titre-texte {
	padding-block: 16px 48px;
}

/* ---- Responsive ---- */

@media (max-width: 1024px) {

	.ri-single-evenement .event-layout .container {
		grid-template-columns: 1fr 260px;
		column-gap: var(--ri-space-lg);
	}

	.ri-single-evenement .info-valeur {
		font-size: 26px;
	}
}

@media (max-width: 782px) {

	.ri-single-evenement .sidebar-nom {
		display: none;
	}

	.ri-single-evenement .event-layout {
		padding-block: 24px;
	}

	.ri-single-evenement .event-publie {
		margin-bottom: 80px;
	}

	.ri-single-evenement .event-layout .container {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
	}

	.ri-single-evenement .event-thumbnail {
		margin-bottom: 24px;
	}

	.ri-single-evenement .event-top {
		grid-column: 1;
		grid-row: 1;
	}

	.ri-single-evenement .event-sidebar {
		grid-column: 1;
		grid-row: 2;
		position: static;
	}

	.ri-single-evenement .sidebar-box {
		padding: 12px 16px;
	}

	.ri-single-evenement .info-adresse {
		font-size: 14px;
	}

	.ri-single-evenement .event-content {
		grid-column: 1;
		grid-row: 3;
		margin-top: 24px;
	}

	.ri-single-evenement .info-valeur {
		font-size: 24px;
	}

	.ri-single-evenement .event-body h2 {
		font-size: 15px;
	}

	.ri-single-evenement .event-body > .wp-block-list {
		padding-left: 16px;
	}

	.ri-single-evenement .event-body > p + p {
		margin-top: var(--ri-space-sm);
	}

	.ri-single-evenement .event-body > .wp-block-list,
	.ri-single-evenement .event-body > ul,
	.ri-single-evenement .event-body > ol {
		margin-block: var(--ri-space-sm);
	}

	.ri-single-evenement .event-body > p + .wp-block-list,
	.ri-single-evenement .event-body > p + ul,
	.ri-single-evenement .event-body > p + ol {
		margin-top: var(--ri-space-sm);
	}

	.ri-single-evenement .event-body > p:has(+ :not(p):not(.wp-block-list):not(ul):not(ol)),
	.ri-single-evenement .event-body > *:not(p):not(.wp-block-list):not(ul):not(ol) {
		margin-bottom: var(--ri-space-md);
	}

	.ri-single-evenement .event-body > .ri-carrousel-images {
		width: calc(100% + var(--ri-container-padding));
	}
}