/**
 * Breadcrumb — Styles globaux partagés
 * Utilisé dans : ri-hero-banner, ri-titre-texte (archives)
 */

/* ========================================
   Base
   ======================================== */

.ri-breadcrumb p {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-block: 0;
	font-size: var(--ri-size-text-body-sm);
}

.ri-breadcrumb a {
	color: var(--ri-color-grey);
	text-decoration: none;
}

.ri-breadcrumb .last {
	color: var(--ri-color-teal);
	max-width: 15ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ========================================
   Variante archive (hors hero banner)
   ======================================== */

.ri-archive-nos-projets .ri-breadcrumb,
.ri-archive-actualites .ri-breadcrumb,
.ri-archive-nos-talents .ri-breadcrumb,
.ri-archive-nos-offres .ri-breadcrumb,
.ri-archive-evenements .ri-breadcrumb,
.ri-archive-publications .ri-breadcrumb,
.ri-page-clients .ri-breadcrumb {
	padding: 24px 24px 24px 64px;
	margin-left: 0;
	background-color: var(--ri-color-white);
}

/* ========================================
   Variante hero banner — positionné en absolute
   ======================================== */

.ri-hero-banner .ri-breadcrumb {
	position: absolute;
	top: 0;
	left: 0;
	padding: 24px 24px 24px 64px;
	margin-left: 0;
	z-index: 999;
}

.ri-hero-banner.has-featured-image .ri-breadcrumb {
	z-index: 3;
}

/* Couleurs selon fond du hero */

.ri-hero-banner.has-color-2-background-color .ri-breadcrumb a,
.ri-hero-banner.has-color-2-background-color .ri-breadcrumb .separator,
.ri-hero-banner.has-text-1-background-color .ri-breadcrumb a,
.ri-hero-banner.has-text-1-background-color .ri-breadcrumb .separator {
	color: var(--ri-color-white);
}

.ri-hero-banner.has-color-2-background-color .ri-breadcrumb .last,
.ri-hero-banner.has-text-1-background-color .ri-breadcrumb .last {
	color: var(--ri-color-yellow);
}

.ri-hero-banner.has-accent-background-color .ri-breadcrumb a,
.ri-hero-banner.has-accent-background-color .ri-breadcrumb .separator,
.ri-hero-banner.has-text-smooth-background-color .ri-breadcrumb a,
.ri-hero-banner.has-text-smooth-background-color .ri-breadcrumb .separator {
	color: var(--ri-color-white);
}

.ri-hero-banner.has-accent-background-color .ri-breadcrumb .last,
.ri-hero-banner.has-text-smooth-background-color .ri-breadcrumb .last {
	color: var(--ri-color-teal);
}

.ri-hero-banner.has-logo .ri-breadcrumb a,
.ri-hero-banner.has-logo .ri-breadcrumb .separator {
	color: var(--ri-color-white);
}

.ri-hero-banner.has-logo .ri-breadcrumb .last {
	color: var(--ri-color-yellow);
}

/* ========================================
   Responsive — caché sur mobile
   ======================================== */

@media (max-width: 782px) {

	.ri-breadcrumb {
		display: none;
	}
}