/* ==========================================================================
   Pages éditoriales (quatrième agent) : Notre Histoire, Bâtiment d'élevage, Actualités, Article.
   Chargé après projet.css. Composants de ~/build/editorial.php ; reprend ceux de service.php (pb-fond-deco, carte de France).
   ========================================================================== */

/* ==========================================================================
   Décors de fond de Notre Histoire (pb-fond-deco de service.css) : positions de la maquette, frame de 1512 px centrée.
   ========================================================================== */
.pb-fond-deco--histoire-intro::after {
	top: 282px;
	left: calc(50% + 142px);
	right: 0;
	width: auto;
	background-size: 836px auto;
	background-position: left top;
}

.pb-fond-deco--histoire-equipe::after {
	top: 40px;
	left: calc(50% + 294px);
	right: 0;
	width: auto;
	background-size: 836px auto;
	background-position: left top;
}

.pb-fond-deco--histoire-cta::after {
	top: -274px;
	left: 0;
	width: calc(50% - 27px);
	background-size: 836px auto;
	background-position: right top;
}

@media (max-width: 1024px) {
	.pb-fond-deco--histoire-intro::after,
	.pb-fond-deco--histoire-equipe::after {
		top: 120px;
		left: 45%;
	}

	.pb-fond-deco--histoire-cta::after {
		top: -160px;
		width: 55%;
	}
}

/* ==========================================================================
   Chiffres clés (chiffres_cles) : nombre en compteur, trait de 3 px qui remplit la ligne, libellé en gras dessous.
   ========================================================================== */
.pb-chiffre-nombre .elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 18px;
	white-space: nowrap;
}

.pb-chiffre-nombre .elementor-heading-title::after {
	content: "";
	flex: 1 1 auto;
	min-width: 24px;
	height: 3px;
	background-color: rgba(64, 64, 63, .25);
}

.pb-chiffre-libelle,
.pb-chiffre-libelle p {
	margin: 0;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	color: #000;
}

/* ==========================================================================
   Panneau « Un groupe, deux expertises » : logo du groupe (ombre portée de la maquette), cartes des filiales.
   ========================================================================== */
.pb-logo-groupe img {
	filter: drop-shadow(0 1.85px 1.85px rgba(0, 0, 0, .1));
}

.pb-filiale .elementor-text-editor p,
.pb-filiale .elementor-widget-text-editor p {
	margin: 0;
}

@media (max-width: 767px) {
	.pb-filiale .elementor-widget-image .elementor-image {
		text-align: left;
	}
}

/* ==========================================================================
   Flèches déportées (fleches_carrousel, widget Remote Arrow) : disques gris foncé de la maquette, « précédent » retourné,
   à 25 % quand il n'y a plus rien à faire défiler de ce côté, masquées quand tout tient à l'écran.
   ========================================================================== */
.pb-fleches .remote-arrow-wrapper {
	display: flex;
	align-items: center;
	gap: 11px;
}

.pb-fleches .remote-arrow-button {
	display: inline-flex;
	border-radius: 50%;
	line-height: 0;
	cursor: pointer;
	transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;
}

.pb-fleches .remote-arrow-button svg {
	width: 46px;
	height: 46px;
	margin: 0 !important;
}

.pb-fleches .remote-arrow-button[data-direction="left"] svg {
	transform: scaleX(-1);
}

.pb-fleches .remote-arrow-button:is(:hover, :focus-visible) {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .35);
}

/* État des flèches déportées recopié de Swiper : le widget Remote Arrow ne met à jour son attribut disabled qu'à ses
   propres clics (pas au glissé ni au clavier). Le carrousel garde donc ses flèches, masquées, sur lesquelles Swiper pose
   swiper-button-disabled (début, fin) et swiper-button-lock (tout tient à l'écran) ; la colonne qui contient le
   carrousel et ses flèches déportées les lit par :has(). */
:is(.pb-frise, .pb-etapes-carrousel) :is(.elementor-swiper-button, .card-carousel-arrow) {
	display: none !important;
}

:is(.pb-frise, .pb-etapes-carrousel).pb-carrousel-nav.elementor-widget {
	padding-bottom: 0;
}

.pb-carrousel-nav.pb-carrousel-fondu:is(.pb-frise, .pb-etapes-carrousel).elementor-widget .swiper {
	padding-bottom: 0 !important;
}

.elementor-widget-wrap:has(> .elementor-widget :is(.elementor-swiper-button-prev, .card-carousel-arrow-prev).swiper-button-disabled) .pb-fleches .remote-arrow-button[data-direction="left"],
.elementor-widget-wrap:has(> .elementor-widget :is(.elementor-swiper-button-next, .card-carousel-arrow-next).swiper-button-disabled) .pb-fleches .remote-arrow-button[data-direction="right"] {
	opacity: .25;
	transform: none;
	box-shadow: none;
	cursor: default;
}

.elementor-widget-wrap:has(> .elementor-widget :is(.elementor-swiper-button, .card-carousel-arrow).swiper-button-lock) .pb-fleches {
	display: none;
}

/* ==========================================================================
   Carrousels logia_blog des pages éditoriales : cartes de même hauteur (la carte CE est dans un <article>), débordement
   visible (l'année de la frise sort de sa carte, la carte active de l'équipe grandit).
   ========================================================================== */
:is(.pb-frise, .pb-equipe-carrousel) .swiper-slide > article,
:is(.pb-frise, .pb-equipe-carrousel) .swiper-slide > article > .elementor,
:is(.pb-frise, .pb-equipe-carrousel) .swiper-slide > article > .elementor > .elementor-section-wrap {
	height: 100%;
}

:is(.pb-frise, .pb-equipe-carrousel) .swiper-slide,
:is(.pb-frise, .pb-equipe-carrousel) .logia-blog-ce-card,
:is(.pb-frise, .pb-equipe-carrousel) .logia-blog-ce-card > .elementor > .elementor-section-wrap {
	overflow: visible !important;
}

/* Diapositives étirées à la plus haute (Swiper leur donne height: 100 % d'une piste sans hauteur). */
:is(.pb-frise, .pb-equipe-carrousel) .swiper-slide {
	height: auto;
}

/* logia-blog.css étire le widget d'image à la une (height: 100 % jusqu'au conteneur) : la photo prendrait toute la carte. */
:is(.pb-histoire-photo, .pb-equipe-photo, .pb-realisation-photo).elementor-widget-logia_blog_featured_image,
:is(.pb-histoire-photo, .pb-equipe-photo, .pb-realisation-photo) :is(.elementor-widget-container, .logia-blog-featured-image) {
	height: auto;
}

/* Photo du siège pleine largeur en tablette (cadre plus large que haut) : cadrage remonté, l'enseigne « Socma Groupe » reste
   visible en haut avec l'équipe en bas. */
@media (max-width: 1024px) {
	.pb-histoire-intro .pb-photo-coins img {
		object-position: 50% 30%;
	}
}

/* ==========================================================================
   Frise de l'histoire (miniature « Carte histoire (frise) ») : photo coins 22,5 px, ligne verticale de 2 px qui part
   15 px dans la photo, point rouge, titre, texte, année rouge qui déborde à gauche de la ligne.
   ========================================================================== */
.pb-carte-histoire {
	position: relative;
}

.pb-carte-histoire::before,
.pb-carte-histoire::after {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.pb-carte-histoire::before {
	top: calc(var(--pb-histoire-photo, 271px) - 15px);
	bottom: 46px;
	left: 16px;
	width: 2px;
	background-color: rgba(64, 64, 63, .5);
}

.pb-carte-histoire::after {
	bottom: 43px;
	left: 11px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--pb-accent);
}

.pb-carte-histoire-col > .elementor-column-wrap > .elementor-widget-wrap,
.pb-carte-histoire-col > .elementor-widget-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
}

.pb-carte-histoire-col .elementor-widget {
	flex: none;
}

.pb-histoire-photo .logia-blog-featured-image,
.pb-histoire-photo img {
	display: block;
	width: 100%;
	border-radius: 22.5px 0 22.5px 0;
}

.pb-histoire-photo img {
	height: var(--pb-histoire-photo, 271px);
	object-fit: cover;
}

.pb-histoire-titre,
.pb-histoire-texte,
.pb-histoire-annee {
	padding-inline-start: 42px;
}

.pb-histoire-titre .logia-blog-title {
	margin: 7px 0 0;
	font-family: "Oxanium", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 2.5rem;
	letter-spacing: -.025em;
	color: #000;
}

.pb-histoire-texte,
.pb-histoire-texte p {
	margin: 0;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	line-height: 1.25;
	color: #000;
}

.pb-histoire-annee {
	margin-top: auto !important;
	padding-top: 40px;
}

.pb-histoire-annee .logia-blog-field-value,
.pb-histoire-annee p {
	margin: 0 0 0 -58px;
	font-family: "Oxanium", sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 2.5rem;
	letter-spacing: -.02em;
	color: var(--pb-accent);
}

/* Tablette et mobile : fondu sur la seule marge (40 px), la 1re carte et son année ne sont pas estompées ; l'année
   s'aligne sur le bord de la carte. */
@media (max-width: 1024px) {
	.pb-carte-histoire {
		--pb-histoire-photo: 250px;
	}

	:is(.pb-frise, .pb-equipe-carrousel).pb-carrousel-fondu .swiper {
		--pb-fondu-largeur: 40px;
	}

	.pb-histoire-annee .logia-blog-field-value,
	.pb-histoire-annee p {
		margin-left: -42px;
	}
}

@media (max-width: 767px) {
	.pb-carte-histoire {
		--pb-histoire-photo: 220px;
	}
}

/* En-tête des carrousels (entete_carrousel) : flèches au bas du bloc titre, à droite ; dessous en mobile. */
@media (max-width: 767px) {
	.pb-fleches-col > .elementor-column-wrap > .elementor-widget-wrap,
	.pb-fleches-col > .elementor-widget-wrap {
		justify-content: flex-start;
		margin-top: 20px;
	}
}

/* ==========================================================================
   Équipe (miniature « Carte équipe ») : carrousel centré, carte active agrandie avec le poste, filigrane de la marque.
   Navigation (flèches et points, convention) centrée sous les cartes, dans la boîte du .swiper (le masque du fondu coupe
   tout ce qui en sort).
   ========================================================================== */
.pb-carte-equipe {
	overflow: hidden;
	border: 1px solid rgba(64, 64, 63, .5);
	border-radius: 22px 0 22px 0;
	background: #fff url("/img/cms/socma/notre-histoire/equipe-filigrane.svg") no-repeat right -52px bottom -55px / 152px auto;
	transition: transform .4s ease, box-shadow .4s ease;
}

.pb-carte-equipe-col > .elementor-column-wrap > .elementor-widget-wrap,
.pb-carte-equipe-col > .elementor-widget-wrap {
	padding-bottom: 14px;
}

.pb-equipe-photo .logia-blog-featured-image,
.pb-equipe-photo img {
	display: block;
	width: 100%;
}

.pb-equipe-photo img {
	height: 190px;
	object-fit: cover;
	object-position: 50% 30%;
}

/* Fond gris de la maquette derrière les photos (certaines ont des coins transparents). */
.pb-equipe-photo .logia-blog-featured-image {
	background-color: #979797;
}

.pb-equipe-nom .logia-blog-title {
	margin: 31px 0 0;
	font-family: "Oxanium", sans-serif;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #000;
}

.pb-equipe-nom .logia-blog-title::first-letter {
	color: var(--pb-accent);
}

.pb-equipe-poste .logia-blog-field-value,
.pb-equipe-poste p {
	margin: 8px 0 0;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	line-height: 1.25;
	text-align: center;
	color: #000;
	transition: opacity .3s ease;
}

/* Carte active agrandie, seule à montrer le poste : le carrousel tourne en boucle en « center mode », la carte active est
   celle du centre et le carrousel commence sur le 1er membre. */
@media (min-width: 768px) {
	.pb-equipe-carrousel .swiper {
		padding-top: 30px !important;
	}

	.pb-equipe-carrousel .swiper-slide .pb-equipe-poste :is(p, .logia-blog-field-value) {
		opacity: 0;
	}
}

/* La carte agrandie déborde de sa diapositive (moitié de l'agrandissement) : ajouté aux 40 px qui séparent les cartes de
   la navigation, sinon flèches et points se collent à elle. */
@media (min-width: 1025px) {
	.pb-equipe-carrousel.pb-carrousel-nav.elementor-widget {
		--pb-nav-espace: 70px;
	}

	.pb-equipe-carrousel .swiper-slide-active {
		z-index: 2;
	}

	.pb-equipe-carrousel .swiper-slide-active .pb-carte-equipe {
		transform: scale(1.19);
	}

	.pb-equipe-carrousel .swiper-slide-active .pb-equipe-poste :is(p, .logia-blog-field-value) {
		opacity: 1;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.pb-equipe-carrousel.pb-carrousel-nav.elementor-widget {
		--pb-nav-espace: 60px;
	}

	.pb-equipe-carrousel .swiper-slide-active {
		z-index: 2;
	}

	.pb-equipe-carrousel .swiper-slide-active .pb-carte-equipe {
		transform: scale(1.12);
	}

	.pb-equipe-carrousel .swiper-slide-active .pb-equipe-poste :is(p, .logia-blog-field-value) {
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.pb-equipe-carrousel .swiper-slide > article {
		max-width: 260px;
		margin-inline: auto;
	}
}

/* Cartes de 225 px de la maquette : 5 cartes et 4 écarts de 40 px, les voisines dépassent dans les marges en fondu. */
.pb-equipe-carrousel.pb-carrousel-nav.elementor-widget {
	width: 100%;
	max-width: 1285px;
	margin-inline: auto;
	padding-bottom: 0;
}

.pb-equipe-carrousel.pb-carrousel-nav.elementor-widget .swiper-pagination {
	left: 50% !important;
	transform: translateX(-50%) !important;
}

.pb-equipe-carrousel.pb-carrousel-nav.elementor-widget .elementor-swiper-button-prev {
	left: calc(50% - 100px - var(--pb-nav-taille)) !important;
}

.pb-equipe-carrousel.pb-carrousel-nav.elementor-widget .elementor-swiper-button-next {
	left: calc(50% + 100px) !important;
}

@media (prefers-reduced-motion: reduce) {
	.pb-carte-equipe,
	.pb-equipe-poste p {
		transition: none;
	}
}

/* ==========================================================================
   Territoire : carte de France de 688 px (maquette de Notre Histoire), débordant de 18 px à gauche du contenu.
   ========================================================================== */
.pb-histoire-territoire .pb-carte-france {
	width: 688px;
}

@media (min-width: 1025px) {
	.pb-histoire-territoire .pb-col-carte .pb-carte-france {
		margin-left: calc(-1 * min(18px, max(0px, (100vw - 1386px) / 2)));
	}
}

@media (max-width: 1024px) {
	.pb-histoire-territoire .pb-carte-france {
		width: 620px;
	}
}

/* ==========================================================================
   Bâtiment d'élevage : décors de fond (forme propre à la page), photo de l'accompagnement cadrée en haut à gauche.
   ========================================================================== */
.pb-fond-deco:is(.pb-fond-deco--batiment-accompagnement, .pb-fond-deco--batiment-sav, .pb-fond-deco--batiment-cta)::after {
	background-image: url("/img/cms/socma/batiment-elevage/decor-fond-batiment.svg");
}

.pb-fond-deco--batiment-accompagnement::after {
	top: 375px;
	left: calc(50% + 49px);
	right: 0;
	width: auto;
	background-size: 836px auto;
	background-position: left top;
}

.pb-fond-deco--batiment-sav::after {
	top: 116px;
	left: calc(50% + 161px);
	right: 0;
	width: auto;
	background-size: 836px auto;
	background-position: left top;
}

.pb-fond-deco--batiment-cta::after {
	top: 145px;
	left: 0;
	width: calc(50% - 338px);
	background-size: 836px auto;
	background-position: right top;
}

@media (max-width: 1024px) {
	.pb-fond-deco--batiment-accompagnement::after,
	.pb-fond-deco--batiment-sav::after {
		top: 120px;
		left: 45%;
	}

	.pb-fond-deco--batiment-cta::after {
		top: 40px;
		width: 40%;
	}
}

/* Cadrage Figma (zoom 104 %, aligné à gauche) : la flèche incrustée au bord droit de la photo sort du cadre. */
.pb-photo-haut-gauche .elementor-widget-container {
	overflow: hidden;
	border-radius: 30px 0 30px 0;
}

.pb-photo-haut-gauche img {
	width: 104.4% !important;
	max-width: none;
	object-position: 0 34%;
}

@media (max-width: 767px) {
	.pb-photo-haut-gauche .elementor-widget-container {
		border-radius: 20px 0 20px 0;
	}
}

/* ==========================================================================
   Onglets par type d'élevage (onglets_types, widget Onglets de CE en vertical) : pictogrammes dans des tuiles de 66 px
   à gauche (actif : fond rouge, picto blanc ; inactifs : blancs à 60 %), carte à droite (texte, puces, photo rognée).
   Mobile : titres d'accordéon de CE, avec le libellé.
   ========================================================================== */
.pb-onglets-types .elementor-tabs {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	max-width: 1205px;
	margin-inline: auto;
	text-align: left;
}

.pb-onglets-types .elementor-tabs-wrapper {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 11px;
	width: 66px !important;
	padding-top: 20px;
	border: 0;
}

.pb-onglets-types .elementor-tab-title::before,
.pb-onglets-types .elementor-tab-title::after {
	display: none !important;
}

.pb-onglets-types .elementor-tab-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	border: 1px solid rgba(64, 64, 63, .5) !important;
	border-radius: 10.38px;
	background-color: #fff;
	color: var(--pb-accent);
	cursor: pointer;
	transition: background-color .25s ease, color .25s ease, opacity .25s ease, border-color .25s ease;
}

.pb-onglets-types .elementor-tab-desktop-title {
	width: 66px;
	height: 76px;
	padding: 0;
	opacity: .6;
}

@media (min-width: 768px) {
	.pb-onglets-types .elementor-tab-mobile-title {
		display: none;
	}
}

@media (max-width: 767px) {
	.pb-onglets-types .elementor-tab-desktop-title {
		display: none;
	}
}

.pb-onglets-types .elementor-tab-title:is(:hover, :focus-visible) {
	opacity: 1;
}

.pb-onglets-types .elementor-tab-title.elementor-active {
	border-color: var(--pb-gris-fonce) !important;
	background-color: var(--pb-accent);
	color: #fff;
	opacity: 1;
}

.pb-onglet-picto {
	display: inline-flex;
	line-height: 0;
}

.pb-onglet-picto svg {
	width: 38px;
	height: 38px;
}

.pb-onglet-picto .pb-picto-detail {
	fill: #fff;
}

.pb-onglets-types .elementor-tab-title.elementor-active .pb-picto-detail {
	fill: var(--pb-accent);
}

.pb-onglets-types .elementor-tab-desktop-title .pb-onglet-libelle {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Même hauteur pour les 4 onglets en desktop : la page ne saute pas d'un onglet à l'autre. */
@media (min-width: 1025px) {
	.pb-onglets-types .elementor-tabs-content-wrapper {
		min-height: 392px;
	}
}

/* Cadre de la vue verticale du widget Onglets (bordure 1 px noire) retiré : seule la carte a sa bordure arrondie. */
.pb-onglets-types .elementor-tabs-content-wrapper {
	flex: 1 1 auto;
	min-width: 0;
	border: 0 !important;
}

.pb-onglets-types .elementor-tab-content {
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--pb-gris-fonce) !important;
	border-radius: 20px 0 20px 0;
	background-color: #fff;
}

.pb-type {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 519px;
	min-height: 365px;
}

.pb-type__texte {
	padding: 44px 36px 36px;
}

.pb-type__texte h3 {
	margin: 0 0 21px;
	font-family: "Amiko", sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.1;
	color: #0D0D0D;
}

.pb-type__texte p {
	max-width: 570px;
	margin: 0 0 22px;
	font-family: "Oxanium", sans-serif;
	font-size: 1rem;
	line-height: 1.3;
	color: #000;
}

.pb-onglets-types .pb-puces {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pb-onglets-types .pb-puces li {
	display: flex;
	align-items: baseline;
	gap: 5px;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	line-height: 1.3;
	color: #000;
}

.pb-onglets-types .pb-puces li::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	background-color: var(--pb-accent);
	-webkit-mask: url("/img/cms/socma/batiment-elevage/puce-liste.svg") center / contain no-repeat;
	mask: url("/img/cms/socma/batiment-elevage/puce-liste.svg") center / contain no-repeat;
	transform: translateY(-1px);
}

.pb-type__photo {
	position: relative;
	overflow: hidden;
}

/* Photo plus grande que sa colonne, rognée par la carte (maquette : 26 px en haut, 30 en bas, 44 à droite). */
.pb-type__photo img {
	position: absolute;
	top: -26px;
	left: 0;
	width: calc(100% + 44px);
	max-width: none;
	height: calc(100% + 56px);
	object-fit: cover;
}

@media (max-width: 1024px) {
	.pb-type {
		grid-template-columns: minmax(0, 1fr);
	}

	.pb-type__photo {
		order: -1;
		height: 280px;
	}

	.pb-type__photo img {
		position: static;
		width: 100%;
		height: 100%;
	}

	.pb-type__texte {
		padding: 32px 28px;
	}
}

@media (max-width: 767px) {
	.pb-onglets-types .elementor-tabs {
		display: block;
	}

	.pb-onglets-types .elementor-tab-mobile-title {
		justify-content: flex-start;
		margin-top: 10px;
		padding: 12px 16px;
		font-family: "Amiko", sans-serif;
		font-size: 1rem;
		font-weight: 700;
	}

	.pb-onglets-types .elementor-tab-mobile-title .pb-onglet-picto svg {
		width: 30px;
		height: 30px;
	}

	.pb-onglets-types .elementor-tab-content {
		margin-top: 10px;
	}

	.pb-type__photo {
		height: 200px;
	}

	.pb-type__texte {
		padding: 24px 20px;
	}

	.pb-type__texte h3 {
		font-size: 1.5rem;
	}
}

/* ==========================================================================
   Étapes de la prestation (carrousel_etapes, widget Card Carousel) : cartes blanches coins 21 px, numéro rouge, titre,
   description ; pas de survol (les cartes ne sont pas des liens). Flèches de 35 px (pb-fleches--petites).
   ========================================================================== */
.pb-fleches--petites .remote-arrow-button svg {
	width: 35px;
	height: 35px;
}

.pb-fleches--petites .remote-arrow-wrapper {
	gap: 8px;
}

/* Largeur automatique : le module la fixe à 100 %, et le fondu du socle n'aurait plus ses marges jusqu'aux bords. */
.pb-etapes-carrousel .card-carousel-swiper {
	width: auto;
	padding-bottom: 0;
}

/* Contenu en haut (32 px, comme la maquette) : les titres n'ont pas tous le même nombre de lignes, centré, les numéros
   se décaleraient d'une carte à l'autre. */
.pb-etapes-carrousel .card-carousel-item {
	justify-content: flex-start;
	min-height: 295px;
	overflow: hidden;
	border: 1px solid var(--pb-gris-fonce);
	border-radius: 21px 0 21px 0;
	background-color: #fff;
	transition: none;
}

.pb-etapes-carrousel .card-carousel-item::before {
	display: none;
}

.pb-etapes-carrousel .card-carousel-item:hover {
	transform: none;
}

.pb-etapes-carrousel .card-carousel-content {
	flex: 1 1 auto;
	justify-content: flex-start;
	gap: 13px;
	padding: 32px;
}

.pb-etapes-carrousel .card-carousel-category {
	width: auto;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	font-family: "Oxanium", sans-serif;
	font-size: 2.9375rem;
	font-weight: 700;
	line-height: .82;
	letter-spacing: -.02em;
	text-transform: none;
	color: var(--pb-accent);
}

.pb-etapes-carrousel .card-carousel-title {
	max-width: 236px;
	margin: 0;
	font-family: "Oxanium", sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: #000;
}

.pb-etapes-carrousel .card-carousel-description {
	flex: none;
	margin: 0;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	line-height: 1.25;
	color: #000;
}

/* Desktop étroit et tablette : 4 cartes jusqu'à 1024 px (réglage du module) dans moins de place. */
@media (max-width: 1280px) {
	.pb-etapes-carrousel .card-carousel-content {
		padding: 28px 24px;
	}

	.pb-etapes-carrousel .card-carousel-category {
		font-size: 2.5rem;
	}

	.pb-etapes-carrousel .card-carousel-title {
		font-size: 1.5rem;
		overflow-wrap: break-word;
	}
}

/* Retour à la ligne voulu du titre (« …mise en service, » / « tout est pris en charge ») gardé en tablette. */
@media (max-width: 600px) {
	.pb-batiment-etapes .elementor-heading-title br {
		display: none;
	}
}

/* ==========================================================================
   Réalisations (grille_realisations) : 3 colonnes en desktop, 2 en tablette et mobile ; seuls le coin haut-gauche de la
   1re photo et le coin bas-droit de la dernière sont arrondis. Les réalisations n'ont pas de page : pas de lien.
   ========================================================================== */
.pb-grille-realisations .logia-blog-widget-grid {
	gap: 34px 29px !important;
}

.pb-grille-realisations .logia-blog-card-link {
	display: none;
}

.pb-realisation-photo img {
	display: block;
	width: 100%;
	height: 383px;
	object-fit: cover;
}

.pb-grille-realisations .logia-blog-widget-card:first-of-type .pb-realisation-photo img {
	border-radius: 30px 0 0 0;
}

.pb-grille-realisations .logia-blog-widget-card:last-of-type .pb-realisation-photo img {
	border-radius: 0 0 30px 0;
}

@media (max-width: 1024px) {
	.pb-grille-realisations .logia-blog-widget-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 24px !important;
	}

	.pb-realisation-photo img {
		height: 300px;
	}
}

@media (max-width: 767px) {
	.pb-grille-realisations .logia-blog-widget-grid {
		gap: 12px !important;
	}

	.pb-realisation-photo img {
		height: 160px;
	}

	.pb-grille-realisations .logia-blog-widget-card:first-of-type .pb-realisation-photo img {
		border-radius: 20px 0 0 0;
	}

	.pb-grille-realisations .logia-blog-widget-card:last-of-type .pb-realisation-photo img {
		border-radius: 0 0 20px 0;
	}
}

/* ==========================================================================
   Listing des actualités : décors, article à la une pleine largeur, pastilles de catégories, grille de 4 cartes,
   « Voir plus d'articles » (bouton rouge, flèche vers le bas).
   ========================================================================== */
/* .pb-fond-deco en plus : service.css (chargé après) pose le dessin de Notre histoire à spécificité égale. */
.pb-fond-deco:is(.pb-fond-deco--actus-haut, .pb-fond-deco--actus-cta)::after {
	background-image: url("/img/cms/socma/actualites/decor-fond-actualites-listing.svg");
}

.pb-fond-deco--actus-haut::after {
	top: -21px;
	left: calc(50% - 35px);
	right: 0;
	width: auto;
	background-size: 836px auto;
	background-position: left top;
}

.pb-fond-deco--actus-cta::after {
	top: -172px;
	left: 0;
	width: calc(50% - 105px);
	background-size: 836px auto;
	background-position: right top;
}

@media (max-width: 1024px) {
	.pb-fond-deco--actus-haut::after {
		top: 120px;
		left: 45%;
	}

	.pb-fond-deco--actus-cta::after {
		top: -80px;
		width: 45%;
	}
}

/* Pastilles de catégorie sur les photos (Blog Meta en badges) : blanche (grille) ou rouge (à la une). */
.pb-actu-badge {
	position: absolute;
	z-index: 3;
	top: 13px;
	right: 10px;
	width: auto !important;
}

.pb-actu-badge .logia-blog-meta__categories {
	gap: 6px;
}

.pb-actu-badge .logia-blog-meta__cat-link,
.pb-actu-badge .logia-blog-meta__categories > span {
	display: inline-flex;
	align-items: center;
	min-height: 41px;
	padding: 4px 12px;
	border-radius: 10px;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease;
}

.pb-actu-badge--blanc .logia-blog-meta__cat-link {
	background-color: #fff !important;
	color: #000 !important;
}

.pb-actu-badge--rouge {
	top: 18px;
	right: 18px;
}

.pb-actu-badge--rouge .logia-blog-meta__cat-link {
	background-color: var(--pb-accent) !important;
	color: #fff !important;
}

.pb-actu-badge .logia-blog-meta__cat-link:is(:hover, :focus-visible) {
	background-color: var(--pb-gris-fonce) !important;
	color: #fff !important;
}

.pb-actu-date .logia-blog-meta,
.pb-actu-date .logia-blog-meta__date {
	font-family: "Amiko", sans-serif;
	font-size: .875rem;
	line-height: 1.3;
	color: #6F6F6F;
}

/* Carte de la grille. */
.pb-carte-actu {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(64, 64, 63, .5);
	border-radius: 18.5px 0 18.5px 0;
	background-color: #fff;
	transition: box-shadow .3s ease, transform .3s ease;
}

.logia-blog-ce-card:is(:hover, :focus-within) .pb-carte-actu {
	box-shadow: 0 16px 32px -20px rgba(0, 0, 0, .35);
	transform: translateY(-2px);
}

.pb-carte-actu-col > .elementor-column-wrap > .elementor-widget-wrap,
.pb-carte-actu-col > .elementor-widget-wrap {
	position: relative;
	align-content: flex-start;
	min-height: 430px;
	padding-bottom: 56px;
}

.pb-actu-photo.elementor-widget-logia_blog_featured_image,
.pb-actu-photo :is(.elementor-widget-container, .logia-blog-featured-image) {
	height: auto;
}

.pb-actu-photo img {
	display: block;
	width: 100%;
	height: 285px;
	object-fit: cover;
}

.pb-carte-actu .pb-actu-date {
	margin: 27px 30px 0 !important;
}

.pb-carte-actu .pb-actu-titre {
	margin: 9px 30px 0 !important;
}

.pb-actu-titre .logia-blog-title {
	margin: 0;
	font-family: "Amiko", sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.15;
	color: #0D0D0D;
}

.pb-actu-fleche {
	position: absolute !important;
	right: 14px;
	bottom: 10px;
	width: auto !important;
	transition: transform .3s ease;
}

.pb-actu-fleche img {
	width: 29px;
	height: 29px;
}

.logia-blog-ce-card:is(:hover, :focus-within) .pb-actu-fleche {
	transform: translateX(3px);
}

.pb-actus-grille .logia-blog-widget-grid {
	gap: 43px 23px !important;
}

/* Pastilles du filtre (liens vers ?categorie=…, filtrage sur place par logia_blog). */
.pb-actus-grille .logia-blog-filters {
	justify-content: flex-start;
	gap: 6px;
	margin-bottom: 44px !important;
}

/* Tablette portrait : les 5 pastilles ne tiennent pas sur une ligne, elles défilent de côté comme en mobile (marge de 40 px). */
@media (min-width: 768px) and (max-width: 900px) {
	.pb-actus-grille .logia-blog-filters {
		flex-wrap: nowrap;
		margin-right: -40px;
		padding-right: 60px;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 60px), transparent);
		mask-image: linear-gradient(90deg, #000 calc(100% - 60px), transparent);
	}

	.pb-actus-grille .logia-blog-filters::-webkit-scrollbar {
		display: none;
	}
}

.pb-actus-grille .logia-blog-filters--pills .logia-blog-filter-btn {
	display: inline-flex;
	align-items: center;
	min-height: 41px;
	padding: 4px 10px;
	border: 0;
	border-radius: 10px;
	background-color: #fff;
	color: #000;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .25s ease, color .25s ease;
}

.pb-actus-grille .logia-blog-filters--pills .logia-blog-filter-btn:not(.active):is(:hover, :focus-visible) {
	color: var(--pb-accent) !important;
}

.pb-actus-grille .logia-blog-filters--pills .logia-blog-filter-btn.active {
	background-color: var(--pb-accent);
	color: #fff;
}

/* « Voir plus d'articles » : bouton rouge du site, flèche ronde tournée vers le bas. */
.pb-actus-grille .logia-blog-pagination--load-more {
	margin-top: 46px;
}

.pb-actus-grille .logia-blog-load-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 12px 20px;
	border: 1px solid var(--pb-accent);
	border-radius: 300px;
	background-color: var(--pb-accent);
	color: #fff;
	font-family: "Oxanium", sans-serif;
	font-size: .875rem;
	font-weight: 700;
	text-transform: none;
	cursor: pointer;
	transition: background-color .3s ease, color .3s ease, transform .25s ease, box-shadow .25s ease;
}

.pb-actus-grille .logia-blog-load-more-btn::after {
	content: "";
	width: 22px;
	height: 22px;
	background: url("/img/cms/socma/commun/bouton-fleche-ronde.svg") center / contain no-repeat;
	transform: rotate(90deg);
}

.pb-actus-grille .logia-blog-load-more-btn:is(:hover, :focus-visible) {
	background-color: #fff;
	color: var(--pb-accent);
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .35);
}

/* Article à la une. */
.pb-carte-une {
	overflow: hidden;
	border: 1px solid rgba(64, 64, 63, .5);
	border-radius: 24.7px 0 24.7px 0;
	background-color: #fff;
	transition: box-shadow .3s ease;
}

.logia-blog-ce-card:is(:hover, :focus-within) .pb-carte-une {
	box-shadow: 0 16px 32px -20px rgba(0, 0, 0, .35);
}

/* Photo de la hauteur de la carte (421 px au moins), quelle que soit la longueur du titre : posée en absolu dans sa
   colonne, elle ne fait pas grandir la carte à la hauteur naturelle de l'image. */
.pb-carte-une-photo > .elementor-column-wrap > .elementor-widget-wrap,
.pb-carte-une-photo > .elementor-widget-wrap {
	position: relative;
	height: 100%;
	min-height: 421px;
}

.pb-une-photo.elementor-widget {
	position: absolute !important;
	inset: 0;
}

.pb-une-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 40%;
}

.pb-carte-une-texte > .elementor-column-wrap > .elementor-widget-wrap,
.pb-carte-une-texte > .elementor-widget-wrap {
	align-content: flex-start;
}

.pb-a-la-une {
	margin-bottom: 69px !important;
}

.pb-a-la-une .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Oxanium", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: #000;
}

.pb-a-la-une .elementor-heading-title::before {
	content: "";
	width: 22px;
	height: 19px;
	background: url("/img/cms/socma/commun/logo-s-rouge-a-la-une.svg") center / contain no-repeat;
}

.pb-une-titre .logia-blog-title {
	margin: 0;
	font-family: "Amiko", sans-serif;
	font-size: 1.5625rem;
	font-weight: 600;
	line-height: 1.1;
	color: #0D0D0D;
}

.pb-une-extrait,
.pb-une-extrait p,
.pb-une-extrait .logia-blog-excerpt {
	max-width: 443px;
	margin: 0;
	font-family: "Oxanium", sans-serif;
	font-size: 1rem;
	line-height: 1.3;
	color: #000;
}

.pb-lire-article {
	margin-top: 38px !important;
}

.pb-lire-article .logia-blog-read-more {
	display: inline-flex !important;
	align-items: center;
	min-height: 48px;
	padding: 12px 20px;
	border: 1px solid var(--pb-accent) !important;
	border-radius: 300px !important;
	background-color: var(--pb-accent) !important;
	color: #fff !important;
	font-family: "Oxanium", sans-serif;
	font-size: .875rem;
	font-weight: 700;
	white-space: nowrap;
	transition: background-color .3s ease, color .3s ease, transform .25s ease, box-shadow .25s ease !important;
}

.pb-lire-article .logia-blog-btn-content {
	gap: 10px !important;
}

.pb-lire-article .logia-blog-btn-icon svg {
	display: block;
	width: 22px;
	height: 22px;
}

.pb-lire-article .logia-blog-read-more:is(:hover, :focus-visible),
.logia-blog-ce-card:hover .pb-lire-article .logia-blog-read-more {
	background-color: #fff !important;
	color: var(--pb-accent) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .35);
}

@media (max-width: 1024px) {
	.pb-actus-grille .logia-blog-widget-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 32px 24px !important;
	}

	.pb-actu-photo img {
		height: 260px;
	}

	.pb-carte-une-photo > .elementor-column-wrap > .elementor-widget-wrap,
	.pb-carte-une-photo > .elementor-widget-wrap {
		min-height: 360px;
	}

	.pb-a-la-une {
		margin-bottom: 24px !important;
	}
}

@media (max-width: 767px) {
	.pb-actus-grille .logia-blog-widget-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 24px !important;
	}

	.pb-carte-actu-col > .elementor-column-wrap > .elementor-widget-wrap,
	.pb-carte-actu-col > .elementor-widget-wrap {
		min-height: 0;
	}

	.pb-actu-photo img {
		height: 230px;
	}

	.pb-carte-une-photo > .elementor-column-wrap > .elementor-widget-wrap,
	.pb-carte-une-photo > .elementor-widget-wrap {
		min-height: 230px;
	}

	.pb-carte-actu :is(.pb-actu-date, .pb-actu-titre) {
		margin-inline: 20px !important;
	}

	.pb-une-titre .logia-blog-title {
		font-size: 1.375rem;
	}

	/* Pastilles sur une ligne qui défile au doigt, fondu au bord droit. */
	.pb-actus-grille .logia-blog-filters {
		flex-wrap: nowrap;
		justify-content: flex-start;
		margin-right: -20px;
		padding-right: 40px;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 60px), transparent);
		mask-image: linear-gradient(90deg, #000 calc(100% - 60px), transparent);
	}

	.pb-actus-grille .logia-blog-filters::-webkit-scrollbar {
		display: none;
	}
}

/* ==========================================================================
   Article (modèle #4) : barre de navigation du header sur fond blanc (maquette), fil d'Ariane, hero sans fond, contenu
   en colonne de lecture (~75 caractères) dans le panneau blanc, partage, « À lire aussi » (carrousel de cartes du listing).
   ========================================================================== */
/* Fiche d'une offre d'emploi : même barre blanche (maquette 11). */
body:is(:has(.pb-article-hero), :has(.pb-offre-entete)) .pb-header-nav {
	background-color: #fff;
}

/* .pb-fond-deco en plus : service.css (chargé après) pose le dessin de Notre histoire à spécificité égale. */
.pb-fond-deco:is(.pb-fond-deco--article-haut, .pb-fond-deco--article-bas)::after {
	background-image: url("/img/cms/socma/actualites/decor-fond-actualites-listing.svg");
}

.pb-fond-deco--article-haut::after {
	top: 186px;
	left: calc(50% - 15px);
	right: 0;
	width: auto;
	background-size: 836px auto;
	background-position: left top;
}

.pb-fond-deco--article-bas::after {
	top: -28px;
	left: calc(50% - 95px);
	right: 0;
	width: auto;
	background-size: 836px auto;
	background-position: left top;
}

@media (max-width: 1024px) {
	.pb-fond-deco--article-haut::after,
	.pb-fond-deco--article-bas::after {
		top: 80px;
		left: 45%;
	}
}

/* Fil d'Ariane : « Actualités » (lien), chevron, titre de l'article en rouge. */
.pb-ariane > .elementor-column-wrap > .elementor-widget-wrap,
.pb-ariane > .elementor-widget-wrap {
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
}

.pb-ariane .elementor-widget {
	width: auto;
	min-width: 0;
}

.pb-ariane .pb-ariane-lien {
	flex: none;
}

.pb-ariane-lien .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	white-space: nowrap;
	color: var(--pb-gris-fonce);
}

.pb-ariane-lien .elementor-heading-title a {
	color: inherit;
	text-decoration: none;
	transition: color .25s ease;
}

.pb-ariane-lien .elementor-heading-title a:is(:hover, :focus-visible) {
	color: var(--pb-accent);
	text-decoration: underline;
}

.pb-ariane-lien .elementor-heading-title::after {
	content: "";
	width: 8px;
	height: 8px;
	background: url("/img/cms/socma/boutique/chevron-fil-ariane.svg") center / contain no-repeat;
	transform: rotate(-90deg);
}

.pb-ariane-page .logia-blog-title {
	margin: 0;
	overflow: hidden;
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	line-height: 1.3;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--pb-accent);
}

/* Hero de l'article. */
.pb-article-photo.elementor-widget-logia_blog_featured_image,
.pb-article-photo :is(.elementor-widget-container, .logia-blog-featured-image) {
	height: auto;
}

.pb-article-photo .logia-blog-featured-image {
	overflow: hidden;
	border-radius: 24.7px 0 24.7px 0;
}

/* Image à la une du hero zoomée à 141 % (maquette), recadrée par son conteneur. */
.pb-article-photo.elementor-widget-logia_blog_featured_image .logia-blog-featured-image img {
	transform: scale(1.41);
}

@media (max-width: 767px) {
	.pb-article-panneau {
		padding-top: 48px !important;
	}
}

/* Sélecteur renforcé : logia-blog.css étire l'image (height: 100 %) à une spécificité supérieure. */
.pb-article-photo.elementor-widget-logia_blog_featured_image .logia-blog-featured-image img {
	display: block;
	width: 100%;
	height: 353px;
	object-fit: cover;
}

.pb-article-badge.pb-actu-badge {
	position: static;
}

.pb-article-titre .logia-blog-title {
	margin: 0;
	font-family: "Oxanium", sans-serif;
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.02em;
	color: #000;
}

.pb-article-lecture-col > .elementor-column-wrap > .elementor-widget-wrap,
.pb-article-lecture-col > .elementor-widget-wrap {
	flex-wrap: nowrap;
	align-items: baseline;
	gap: 5px;
}

.pb-article-lecture .elementor-widget {
	width: auto;
}

.pb-lecture-libelle .elementor-heading-title,
.pb-lecture-duree .logia-blog-meta {
	font-family: "Oxanium", sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	color: #000;
}

.pb-lecture-duree .logia-blog-meta,
.pb-lecture-duree .logia-blog-meta * {
	font-weight: 400;
	color: var(--pb-accent);
}

/* Contenu : colonne de lecture centrée (~75 caractères), images en grand dans le panneau. Titres en .logia-blog-content :
   le Kit (body.ce-kit-1 h2) est plus spécifique que .pb-article-contenu h2. */
.pb-article-contenu {
	--pb-lecture: 46rem;
	width: 100%;
}

.pb-article-contenu .logia-blog-content > * {
	max-width: var(--pb-lecture);
	margin-inline: auto;
}

.pb-article-contenu :is(p, li) {
	font-family: "Amiko", sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #000;
}

.pb-article-contenu p {
	margin-block: 0 1em;
}

.pb-article-contenu .logia-blog-content h2 {
	margin-block: 2.5rem .625rem;
	font-family: "Oxanium", sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.02em;
	color: #000;
}

.pb-article-contenu .logia-blog-content h3 {
	margin-block: 2rem .5rem;
	font-family: "Oxanium", sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: #000;
}

.pb-article-contenu :is(h2, h3):first-child {
	margin-top: 0;
}

.pb-article-contenu a {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .25s ease;
}

.pb-article-contenu a:is(:hover, :focus-visible) {
	color: var(--pb-accent);
}

.pb-article-contenu :is(ul, ol) {
	margin-block: 0 1em;
	padding-inline-start: 1.5em;
}

.pb-article-contenu ul li::marker {
	color: var(--pb-accent);
}

.pb-article-contenu blockquote {
	margin-block: 2rem;
	padding: 4px 0 4px 24px;
	border-left: 3px solid var(--pb-accent);
	font-family: "Oxanium", sans-serif;
	font-size: 1.25rem;
	font-style: italic;
	line-height: 1.4;
}

.pb-article-contenu :is(img, figure) {
	display: block;
	width: min(1390px, calc(100vw - 80px));
	max-width: none;
	margin: 75px 0 56px 50%;
	transform: translateX(-50%);
}

.pb-article-contenu img,
.pb-article-contenu figure img {
	height: auto;
	aspect-ratio: 1390 / 596;
	object-fit: cover;
	border-radius: 24.7px 0 24.7px 0;
}

.pb-article-contenu figure img {
	width: 100%;
	margin: 0;
	transform: none;
}

/* Image en fin de texte : les 56 px avant le partage sont ceux de son widget (sinon 112 px). */
.pb-article-contenu .logia-blog-content > p:last-child {
	margin-bottom: 0;
}

.pb-article-contenu .logia-blog-content > :last-child:is(img, figure),
.pb-article-contenu .logia-blog-content > p:last-child > img:last-child {
	margin-bottom: 0;
}

.pb-article-contenu figcaption {
	max-width: var(--pb-lecture);
	margin: 12px auto 0;
	font-family: "Amiko", sans-serif;
	font-size: .875rem;
	text-align: center;
	color: #6F6F6F;
}

/* Partage : libellé en majuscules, pastilles rouges de 47 px, pictos de la maquette (X et WhatsApp : disque compris). */
.pb-partage .logia-blog-share {
	justify-content: center;
	align-items: flex-end !important;
	gap: 13px;
}

.pb-partage .logia-blog-share__label {
	margin: 0;
	font-family: "Oxanium", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: #000 !important;
}

/* Écart et couleur posés en style en ligne par le module : !important. */
.pb-partage .logia-blog-share__icons {
	gap: 19.6px !important;
}

.pb-partage .logia-blog-share__btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 47px !important;
	height: 47px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--pb-accent) center / 47px 47px no-repeat !important;
	color: #fff !important;
	transition: transform .25s ease, box-shadow .25s ease;
}

.pb-partage .logia-blog-share__btn:is(:hover, :focus-visible) {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .35);
}

.pb-partage .logia-blog-share__btn i {
	font-size: 1.25rem !important;
	color: #fff !important;
}

.pb-partage :is(.logia-blog-share__btn--linkedin, .logia-blog-share__btn--x, .logia-blog-share__btn--whatsapp, .logia-blog-share__btn--email) i {
	display: none;
}

.pb-partage :is(.logia-blog-share__btn--linkedin, .logia-blog-share__btn--email)::before {
	content: "";
	width: 20px;
	height: 20px;
	background-color: #fff;
	-webkit-mask: var(--pb-picto) center / contain no-repeat;
	mask: var(--pb-picto) center / contain no-repeat;
}

.pb-partage .logia-blog-share__btn--linkedin {
	--pb-picto: url("/img/cms/socma/article/partage-linkedin-glyphe.svg");
}

.pb-partage .logia-blog-share__btn--email {
	--pb-picto: url("/img/cms/socma/article/partage-email-glyphe.svg");
}

.pb-partage .logia-blog-share__btn--x {
	background-image: url("/img/cms/socma/article/partage-x-rond.svg") !important;
}

.pb-partage .logia-blog-share__btn--whatsapp {
	background-image: url("/img/cms/socma/article/partage-whatsapp-rond.svg") !important;
}

@media (max-width: 767px) {
	.pb-partage .logia-blog-share {
		flex-direction: column !important;
		align-items: center !important;
	}

	.pb-partage .logia-blog-share__label {
		font-size: 1.25rem;
		text-align: center;
	}

	.pb-partage .logia-blog-share__icons {
		gap: 12px;
	}
}

/* « À lire aussi » : mêmes cartes que le listing, carrousel (4 cartes tiennent en desktop : navigation masquée). */
.pb-alire .swiper-slide,
.pb-alire .logia-blog-ce-card,
.pb-alire .logia-blog-ce-card > .elementor > .elementor-section-wrap {
	overflow: visible !important;
}

.pb-alire .swiper-slide {
	height: auto;
}

.pb-alire .swiper-slide > article,
.pb-alire .swiper-slide > article > .elementor,
.pb-alire .swiper-slide > article > .elementor > .elementor-section-wrap {
	height: 100%;
}

@media (max-width: 1024px) {
	.pb-alire.pb-carrousel-fondu .swiper {
		--pb-fondu-largeur: 40px;
	}

	.pb-article-titre .logia-blog-title {
		font-size: 2.5rem;
	}

	.pb-article-photo.elementor-widget-logia_blog_featured_image .logia-blog-featured-image img {
		height: 320px;
	}
}

@media (max-width: 767px) {
	.pb-article-titre .logia-blog-title {
		font-size: 2rem;
	}

	.pb-article-photo.elementor-widget-logia_blog_featured_image .logia-blog-featured-image img {
		height: 230px;
	}

	.pb-article-contenu .logia-blog-content h2 {
		font-size: 1.75rem;
	}

	.pb-article-contenu .logia-blog-content h3 {
		font-size: 1.5rem;
	}

	.pb-article-contenu :is(img, figure) {
		width: calc(100vw - 40px);
		margin-block: 40px;
	}
}

/* Carte d'actualité : tout la carte mène à l'article (le carrousel de logia_blog n'a pas de lien étiré, la liste si). */
.pb-carte-actu .pb-actu-titre .logia-blog-title a {
	position: static !important;
	color: inherit;
	text-decoration: none;
}

.pb-carte-actu .pb-actu-titre .logia-blog-title a::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
}