/**** Le MAG ARCHIVE ****/

/*** Carousel Categories Pills ***/


/*.ccma-le-mag {
    padding-right: 13.9vw !important;
    padding-left: 13.9vw !important;
}*/

.ccma-categories-carousel {
	--ccma-categories-gap: 12px;

	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	justify-content: space-between;

	width: 100%;
	gap: 24px;

	overflow: visible;
}

/* Zone horizontalement scrollable */
.ccma-categories-carousel .categories-pills {
	display: flex !important;
	flex: 1 1 auto;
	flex-wrap: nowrap !important;
	align-items: center;

	/*
	 * Indispensable dans un parent display:flex :
	 * autorise la liste à devenir plus étroite que son contenu.
	 */
	min-width: 0;
	width: auto;
	max-width: 100%;

	gap: var(--ccma-categories-gap);

	margin: 0;
	padding: 5px 2px;

	overflow-x: auto;
	overflow-y: hidden;

	list-style: none;

	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	scroll-padding-inline: 2px;
	overscroll-behavior-inline: contain;

	scrollbar-width: none;
}

.ccma-categories-carousel .categories-pills::-webkit-scrollbar {
	display: none;
}

/* Une catégorie conserve sa largeur naturelle */
.ccma-categories-carousel .categories-pills > .cat-item {
	flex: 0 0 auto;

	width: auto;
	min-width: max-content;

	margin: 0 !important;
	padding: 0;

	scroll-snap-align: start;
}

/* Le lien reste sur une seule ligne */
.ccma-categories-carousel .categories-pills > .cat-item > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	white-space: nowrap;
}

/* Les contrôles ne doivent jamais rétrécir */
.ccma-categories-carousel__controls {
	display: flex;
	flex: 0 0 auto;
	align-items: center;

	gap: 10px;
	margin: 0;
}

.ccma-carousel-controls .carousel-arrow:disabled {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

/* État désactivé */
.ccma-carousel-controls .carousel-arrow:disabled {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

/* Masque les contrôles lorsque toutes les catégories sont visibles */
.categories-pills:not(.has-overflow)
	.ccma-categories-carousel__controls {
	display: none;
}

/*** CARD ***/

/** Thumbnail **/

/*body.search-results */

.ccma-actus-mag-card:hover .ccma-actus-mag-media img,
.ccma-archive-actus li:hover img {
	transform: scale(1.025);
}
.ccma-archive-actus li figure {
	overflow: hidden;
}

.ccma-actus-mag-media img,
.ccma-archive-actus li:hover img  {
	transition: transform 0.35s ease;
}

/** Title **/

.ccma-le-mag h5 {
    background-image: none !important;
}

.ccma-le-mag h5 a,
body.search-results h5 a  {
	line-height: 1;
	text-decoration: underline;
    text-decoration-color: var(--wp--preset--color--vert-200);
	text-decoration-thickness: 35% !important;
	-webkit-text-decoration-color: var(--wp--preset--color--vert-200);
	text-decoration-color: var(--wp--preset--color--vert-200);
	text-underline-offset: -11% !important;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}

/** Excerpt **/

.ccma-le-mag .wp-block-post-excerpt__excerpt,
body.search-results .wp-block-post-excerpt__excerpt
 {
    font-size: var(--wp--preset--font-size--body-small);
    line-height: 1.25;
}

/** Lien **/


/*** Le MAG SINGLE ***/