/* .............................................................................
TITLES
............................................................................. */
h1, .h1 {font-size: 4em;font-weight: 700;line-height: 1.05;text-transform: uppercase;text-wrap: balance;}
h2, .h2 {font-size: 2.8em; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: var(--color-orange); text-wrap: balance; }
h3, .h3 {font-size: 1.875em; font-weight: 700; line-height: 1.1; text-transform: uppercase; text-wrap: balance; }
h4, .h4 {font-size: 1.6em; font-weight: 500; line-height: 1.1; text-transform: uppercase; text-wrap: balance; }
h5, .h5 {font-size: 1.2em; font-weight: 700; line-height: 1.1; text-transform: uppercase; text-wrap: balance; }
h6, .h6 {font-size: 0.85em; font-weight: 400; line-height: 1.2; text-transform: uppercase; text-wrap: balance; }

	/* Margins : common (ajuster l'espacement EN HAUT de l'element). */
	* + h1, * + .h1 {margin-top: 1em; }
	* + h2, * + .h2 {margin-top: 1.5em; }
	* + h3, * + .h3 {margin-top: 1.8em; }
	* + h4, * + .h4 {margin-top: 2em; }
	* + h5, * + .h5 {margin-top: 2em; }
	* + h6, * + .h6 {margin-top: 2em; }

	/* Note, c'est maintenant possible de savoir si le titre est suivi 
	d'un élément en particulier, avec :has :
	h3:has(+ p) { }
	ou l'inverse : h3:not(:has(+ p)) { } */

	/* Margins : after (ajuster l'espacement EN BAS de l'element). */
		
	/* Margins : specific (COMBINAISONS particulieres d'elements). */
	h2 + h3, .h2 + h3, h2 + .h3, .h2 + .h3 {margin-top: 0.5em; }
	h2 + h4, .h2 + h4, h2 + .h4, .h2 + .h4 {margin-top: 0.5em; }
	h5 + h2, .h5 + h2, h5 + .h2, .h5 + .h2 {margin-top: 1em; }

	/* Size */
	@media (max-width:46rem) {
		h1, .h1 {font-size: min(12vw, 3.3em);}
		h2, .h2 {font-size: 2.5em;}
		h3, .h3 {font-size: 1.8em;}
		h4, .h4 {font-size: 1.6em;}
		h5, .h5 {font-size: 1.2em;}
		h6, .h6 {font-size: 0.85em;}
	}

	/* On dark
	Modifier seulement les titres qui ont une couleur définie */
	.onDark h2, .onDark .h2, .onOrange h2, .onOrange .h2 {color: var(--color-white); }


/*
SUBTITLE
Uniquement utilisée pour l'alignement, la grosseur de texte sera définie en
lui mettant une classe supplémentaire, ex : .h6 */
.subTitle {margin-top: 0.5em; }