/* -----------------------------------------------------------------------------
 * Stacks : règles communes (inc/stacks.php)
 *
 * La mise en page vient surtout des classes globales du thème (utilities.css,
 * components.css : wrapper, stack, section-lean-*…), chargées sur tout le site.
 * Ce fichier reprend les règles de base des formes et des listes, et les formes
 * décoratives communes à plusieurs stacks.
 * -------------------------------------------------------------------------- */

/* Formes décoratives (SVG) : enveloppe <span class="shape"> */
.shape {
	line-height: 0;
}

/*
 * Formes décoratives des stacks « Appel à l'action » et « Recherche ».
 * Les variantes -2 repositionnent la forme de base : elles la suivent.
 */
.cta__triangle {
	position: absolute;
	top: -3.25rem;
	left: 70.85%;
	z-index: 1;
	display: block;
	pointer-events: none;

	@media (max-width: 1024px) {
		top: -3rem;
		transform: scale(0.8);
	}
}

.cta__square {
	position: absolute;
	top: 12rem;
	left: -2.375rem;
	z-index: 1;
	display: block;
	width: 6.4rem;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: var(--wp--preset--border-radius--10);
	background-color: var(--wp--preset--color--peche);
	transform: rotate(150deg);
	pointer-events: none;

	@media (max-width: 1024px) {
		top: 6rem;
		left: -1rem;
		width: 4.5rem;
		height: 4.5rem;
	}

	@media (max-width: 767px) {
		display: none;
	}
}

.cta__circle {
	position: absolute;
	bottom: -3rem;
	left: 83.45%;
	z-index: 1;
	display: block;
	width: 6.0625rem;
	height: 6.0625rem;
	border-radius: var(--wp--preset--border-radius--circle);
	background-color: var(--wp--preset--color--rose);
	pointer-events: none;

	@media (max-width: 1024px) {
		bottom: -1.5rem;
		width: 3.5rem;
		height: 3.5rem;
	}
}

.cta__triangle-2 {
	top: unset;
	bottom: -60px;
	transform: rotate(60deg);

	@media (max-width: 1024px) {
		bottom: -100px;
		transform: scale(0.8) rotate(60deg);
	}
}

.cta__circle-2 {
	top: -40px;
	bottom: unset;
	left: 3%;

	@media (max-width: 1024px) {
		top: -20px;
	}
}

.cta__square-2 {
	top: 0%;
	right: -10%;
	left: unset;
	transform: rotate(60deg);
	transition: transform 0.5s ease 0s;

	@media (max-width: 767px) {
		display: none;
	}
}

/*
 * Listes saisies dans un WYSIWYG : retrait et espacement des blocs core/list et
 * core/list-item (theme.json, styles.blocks), que WordPress n'imprime qu'en présence
 * d'un bloc Liste. Les listes en colonnes n'en ont pas.
 */
.stack-wysiwyg :is(ul, ol):not(.text-columns-30ch) {
	padding-left: var(--wp--preset--spacing--m);
}

.stack-wysiwyg :is(ul, ol):not(.text-columns-30ch) > li {
	margin-bottom: var(--wp--preset--spacing--2-xs);
}