/**
 * Single Publication (ri-single-publication)
 */

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

.ri-single-publication .pub-breadcrumb {
	padding: 24px 24px 24px 40px;
}

/* ---- Layout global 2 colonnes ---- */

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

.ri-single-publication .pub-layout > .container {
	display: grid;
	grid-template-columns: 1fr 302px;
	gap: var(--ri-space-2xl);
	align-items: start;
}

.ri-single-publication .pub-layout > .container:not(:has(.pub-sidebar)) {
	grid-template-columns: 1fr;
}

/* ---- Colonne principale ---- */

.ri-single-publication .pub-main {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

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

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

.ri-single-publication .ri-titre-texte .ri-container {
	margin-inline: 0;
}

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

.ri-single-publication .pub-thumbnail {
	margin-top: var(--ri-space-xl);
}

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

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

.ri-single-publication .pub-body {
	margin-top: var(--ri-space-xl);
}

.ri-single-publication .pub-body > * + * {
	margin-top: var(--ri-space-md);
}

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

.ri-single-publication .pub-sidebar {
	position: sticky;
	top: 100px;
}

.ri-single-publication .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;
}

/* ---- En-tête sidebar : titre + nb pages ---- */

.ri-single-publication .sidebar-header {
	display: flex;
	flex-direction: column;
	gap: var(--ri-space-sm);
}

.ri-single-publication .sidebar-titre {
	margin: 0;
	font: 700 20px / 1.2 var(--ri-font-1);
	color: var(--ri-color-teal);
}

/* ---- Nombre de pages ---- */

.ri-single-publication .sidebar-pages {
	display: flex;
	flex-direction: column;
	gap: var(--ri-space-xs);
}

.ri-single-publication .pages-label {
	font: 400 12px / 1 var(--ri-font-1);
}

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

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

/* ---- CTA téléchargement ---- */

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

.ri-single-publication .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 15px / 1 var(--ri-font-1);
	text-decoration: none;
	transition: background-color var(--ri-transition-base), color var(--ri-transition-base);
}

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

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

@media (max-width: 1024px) {

	.ri-single-publication .pub-layout .container {
		grid-template-columns: 1fr 260px;
		gap: var(--ri-space-xl);
	}

	.ri-single-publication .pages-valeur {
		font-size: 26px;
	}
}

@media (max-width: 782px) {

	.ri-single-publication .pub-layout .container {
		grid-template-columns: 1fr;
	}

	.ri-single-publication .pub-sidebar {
		position: static;
		order: -1;
	}

	.ri-single-publication .pages-valeur {
		font-size: 24px;
	}
}