/* ========================
RANGÉE ACTUALITÉS - LISTE
Module UABB Blog Posts / Posts
======================== */

/* ------------------------
TITRE DE L’ARTICLE
Style du lien dans le titre
------------------------ */

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-post-heading a {
	color: inherit;
	text-decoration: none;
	transition: color 180ms ease-out;
}

/* État hover / focus clavier du titre */
.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-post-heading a:hover,
.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-post-heading a:focus-visible {
	color: var(--couleur-principale);
}

/* Typographie du titre */
.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-heading {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--medium);
	font-size: var(--size-titre-5);
	line-height: calc(var(--size-titre-5) + 4px);
	text-transform: uppercase;
}


/* ------------------------
EXTRAIT / TEXTE DE L’ARTICLE
Style du contenu court
------------------------ */

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-text-editor {
	color: var(--couleur-secondaire) !important;
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--light);
	font-size: var(--size-contenu-1);
	line-height: calc(var(--size-contenu-1) + 4px);
	padding-top: 12px !important;
}
/* ------------------------
IMAGE DE L’ARTICLE
Format, cadrage, arrondi et zoom
------------------------ */

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-thumbnail {
	overflow: hidden;
	border-radius: var(--radius-cta-principal);
}

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-thumbnail img {
	display: block;
	width: 100%;
	aspect-ratio: 380 / 230;
	height: 100%;
	object-fit: cover !important;

	object-position: center bottom;

	transform: scale(1);
	transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper:hover .uabb-post-thumbnail img {
	transform: scale(1.03);
}
/* -----------------------
CATEGORIES DE L'ARTICLE
Format, style
------------------------ */
.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post__terms-wrap {
	text-align: left;
	margin-bottom: 12px !important;
}
.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post__terms-wrap .uabb-post__terms {
	padding: 4px 16px;
	border-radius: var(--radius-cta-principal);
	font-size: 12px;
	background-color: var(--couleur-principale);
	color: var(--blanc) !important;
	margin: 0px 5px 0 0;
}
/* ------------------------
LIEN “LIRE LA SUITE”
Style du lien animé
------------------------ */

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-read-more-text a {
	position: relative;
	display: inline;
	color: var(--couleur-secondaire) !important;
	text-transform:uppercase;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
	text-decoration-color: var(--couleur-secondaire);
	font-weight: inherit;
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--medium);
	font-size: var(--size-intertitre);
	line-height: calc(var(--size-intertitre) + 4px);
	transition:
		color 180ms ease-out,
		text-decoration-color 180ms ease-out,
		text-underline-offset 180ms ease-out;

	letter-spacing: 0.05em;
}

/* Hover / focus clavier du lien “Lire la suite” */
.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-read-more-text a:hover,
.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-read-more-text a:focus-visible {
	color: var(--couleur-principale) !important;
	text-decoration-color: var(--couleur-principale);
	text-underline-offset: 0.3em;
}


/* ------------------------
ACCESSIBILITÉ
Focus visible sur le lien “Lire la suite”
------------------------ */

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-read-more-text a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}


/* ------------------------
ICÔNE / FLÈCHE UABB
Masque la flèche automatique après “Lire la suite”
------------------------ */

.a71-rangee-actualites .a71-rangee-actualites--list .uabb-post-wrapper .uabb-blog-post-inner-wrap .uabb-blog-post-content .uabb-read-more-text .uabb-next-right-arrow {
	display: none;
}

/* ========================
*
*      CONTENU ACTUALITÉ
*
* ====================== */

.a71-rangee-actualites--contenu {
	font-family: var(--typo-secondaire);
	font-weight: var(--light);
	font-size: var(--size-contenu-1);
	line-height: calc(var(--size-contenu-1) + 4px);
	color: var(--couleur-secondaire);
}


/* ------------------------
* Paragraphes
* ---------------------- */

.a71-rangee-actualites--contenu p {
	margin-top: 0;
	margin-bottom: 1rem;
}


/* Évite une marge inutile à la fin du WYSIWYG */
.a71-rangee-actualites--contenu > *:last-child {
	margin-bottom: 0;
}


/* ------------------------
* Titres
* ---------------------- */

.a71-rangee-actualites--contenu h2 {
	font-family: var(--typo-principale);
	font-weight: var(--regular);
	font-size: var(--size-titre-3);
	line-height: calc(var(--size-titre-3) + 4px);

	margin-top: 2rem;
	margin-bottom: 1rem;
}

.a71-rangee-actualites--contenu h3 {
	font-family: var(--typo-principale);
	font-weight: var(--regular);
	font-size: var(--size-titre-4);
	line-height: calc(var(--size-titre-4) + 4px);

	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.a71-rangee-actualites--contenu h4,
.a71-rangee-actualites--contenu h5,
.a71-rangee-actualites--contenu h6 {
	font-family: var(--typo-secondaire);
	font-weight: var(--bold);
	font-size: var(--size-titre-5);
	line-height: calc(var(--size-titre-5) + 4px);

	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}


/* ------------------------
* Gras / emphase
* ---------------------- */

.a71-rangee-actualites--contenu strong,
.a71-rangee-actualites--contenu b {
	font-weight: var(--medium);
}

.a71-rangee-actualites--contenu em,
.a71-rangee-actualites--contenu i {
	font-style: italic;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0.5rem;
}


/* ------------------------
* Liens
* ---------------------- */

.a71-rangee-actualites--contenu a {
	color: var(--couleur-secondaire);
	font-weight: var(--medium);

	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
	text-decoration-color: currentColor;

	transition:
		color 180ms ease-out,
		text-decoration-color 180ms ease-out,
		text-underline-offset 180ms ease-out;
}

.a71-rangee-actualites--contenu a:hover,
.a71-rangee-actualites--contenu a:focus-visible {
	color: var(--couleur-principale);
	text-decoration-color: var(--couleur-principale);
	text-underline-offset: 0.3em;
}

.a71-rangee-actualites--contenu a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}


/* ------------------------
* Listes
* ---------------------- */

.a71-rangee-actualites--contenu ul,
.a71-rangee-actualites--contenu ol {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 1.5rem;
}

.a71-rangee-actualites--contenu li {
	margin-bottom: 0.4rem;
}

.a71-rangee-actualites--contenu li:last-child {
	margin-bottom: 0;
}


/* ------------------------
* Citation
* ---------------------- */

.a71-rangee-actualites--contenu blockquote {
	margin: 1.5rem 0;
	padding-left: 1.25rem;

	border-left: 2px solid var(--couleur-principale);

	font-family: var(--typo-principale);
	font-size: var(--size-titre-5);
	line-height: calc(var(--size-titre-5) + 4px);
}

.a71-rangee-actualites--contenu blockquote p:last-child {
	margin-bottom: 0;
}


/* ------------------------
* Images
* ---------------------- */

.a71-rangee-actualites--contenu img {
	display: block;
	max-width: 100%;
	height: auto;
}


/* ------------------------
* Légendes
* ---------------------- */

.a71-rangee-actualites--contenu figcaption,
.a71-rangee-actualites--contenu .wp-caption-text {
	margin-top: 0.5rem;

	font-size: var(--size-legende);
	line-height: calc(var(--size-legende) + 4px);
	font-weight: var(--regular);
}


/* ------------------------
* Séparateur
* ---------------------- */

.a71-rangee-actualites--contenu hr {
	margin: 2rem 0;

	border: 0;
	border-top: 1px solid currentColor;
	opacity: 0.25;
}


/* ------------------------
* Tableaux
* ---------------------- */

.a71-rangee-actualites--contenu table {
	width: 100%;
	margin-bottom: 1rem;

	border-collapse: collapse;
}

.a71-rangee-actualites--contenu th,
.a71-rangee-actualites--contenu td {
	padding: 0.75rem;

	text-align: left;
	vertical-align: top;

	border-bottom: 1px solid currentColor;
}

.a71-rangee-actualites--contenu th {
	font-weight: var(--medium);
}