/* Stack « Explorateur de ressources » — template-parts/stacks/explorateur.php */

.listing-ressources__title {
	max-width: 43.75rem;
	margin-bottom: var(--wp--preset--spacing--l);
	color: var(--wp--preset--color--cafe);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--step-5);
	font-weight: 600;
	line-height: 1.1;

	@media (max-width: 1024px) {
		margin-bottom: var(--wp--preset--spacing--m);
		font-size: var(--wp--preset--font-size--step-3);
	}
}

/*
 * ≤ 1024px : un Swiper par type de contenu (listing.js du plugin Reactif Ressources).
 * Les cartes débordent du wrapper jusqu'au bord de l'écran ; la stack coupe
 * le débordement horizontal pour éviter le défilement de la page.
 */
@media (max-width: 1024px) {
	.stack-explorateur.stack {
		overflow-x: clip;
	}

	.stack-explorateur.stack .rr-list__grid,
	.stack-explorateur.stack .rr-list__grid:not(.is-grouped):not(:has(.rr-list__empty)),
	.stack-explorateur.stack .rr-list__group-swiper {
		overflow: visible;
	}
}