/* Le rappel du catalogue 2027, sur la page Formations.

   Le fond de section est crème et non marine : la section qui suit
   (« Modalités pratiques ») est déjà marine, et deux aplats marine de suite
   se seraient soudés en un seul bloc de 1 270 px. C'est donc la carte qui
   porte le marine, posée sur clair avec son ombre or — la grammaire des
   cartes du reste du site. */

body .elementor.elementor.elementor.elementor .hf-cat2027 {
	background: #FBF6EC;
	padding: 72px 24px;
	margin: 0;
}

body .elementor.elementor.elementor.elementor .hf-cat2027__boite {
	/* 1280 px : la largeur de la colonne de contenu du reste de la page, pour
	   que le bord de la carte tombe sur le même axe que les titres au-dessus. */
	max-width: 1280px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 40px;
	background: #1B2140;
	padding: 40px 44px;
	/* `clip-path` rogne aussi le `box-shadow` : l'ombre or disparaissait
	   entièrement. `drop-shadow` s'applique après la découpe et en épouse la
	   silhouette ; à flou nul, c'est l'aplat décalé de la charte. */
	clip-path: polygon(0 1.2%, 99.4% 0, 100% 98.6%, 0.6% 100%);
	filter: drop-shadow(9px 9px 0 #C9A96E);
}

body .elementor.elementor.elementor.elementor .hf-cat2027__surtitre {
	display: block;
	font-family: "DM Sans", sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #C9A96E;
	margin-bottom: 10px;
}

body .elementor.elementor.elementor.elementor .hf-cat2027__titre {
	font-family: "Bodoni Moda", serif;
	font-weight: 600;
	font-size: clamp(26px, 3.4vw, 38px);
	line-height: 1.05;
	letter-spacing: -.02em;
	color: #FBF6EC;
	margin: 0 0 14px;
}

body .elementor.elementor.elementor.elementor .hf-cat2027__texte {
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #EBD9B4;
	max-width: 56ch;
	margin: 0;
}

body .elementor.elementor.elementor.elementor .hf-cat2027__lien {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #C9A96E;
	color: #1B2140;
	font-family: "DM Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: .02em;
	padding: 16px 26px;
	text-decoration: none;
	border-radius: 0;
	box-shadow: 6px 6px 0 rgba(47, 143, 134, .9);
	transition: transform .18s, box-shadow .18s;
	white-space: nowrap;
}

body .elementor.elementor.elementor.elementor .hf-cat2027__lien:hover {
	transform: translate(-2px, -2px);
	box-shadow: 8px 8px 0 rgba(47, 143, 134, .9);
	color: #1B2140;
}

@media (max-width: 880px) {
	body .elementor.elementor.elementor.elementor .hf-cat2027 { padding: 44px 16px; }
	body .elementor.elementor.elementor.elementor .hf-cat2027__boite {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 30px 26px;
		filter: drop-shadow(6px 6px 0 #C9A96E);
	}
	body .elementor.elementor.elementor.elementor .hf-cat2027__lien { justify-content: center; }
}