/*
 * Le bandeau d'annonce, tout en haut de la page — étape 4f, sujet 3 ;
 * couleur revue à l'étape 4g, sujet 3 ; trois tons au choix depuis l'étape
 * 4h, sujet 2.
 *
 * Prend toute la largeur. Trois tons possibles (ci-dessous), jamais de
 * dégradé ni d'ombre, quel que soit celui retenu.
 */
.aspacam-banner {
	/* Pas de couleur ici : chaque ton la pose lui-même, ci-dessous. */
}

.aspacam-banner__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-block: var(--aspacam-theme-space-xs);
	text-align: center;
}

.aspacam-banner__text {
	text-decoration: none;
}

a.aspacam-banner__text:hover,
a.aspacam-banner__text:focus {
	text-decoration: underline;
}

/*
 * Ton par défaut : le bleu de marque déclaré une seule fois
 * (--aspacam-theme-color-blue, variables.css), texte blanc. Contraste
 * mesuré à 11,5 (seuil de lisibilité WCAG : 4,5).
 */
.aspacam-banner--blue {
	background-color: var(--aspacam-theme-color-blue);
}

.aspacam-banner--blue .aspacam-banner__text {
	color: #fff;
}

/*
 * Ton le plus neutre des trois : une teinte claire de bleu, texte noir.
 * Valeur directe, propre à ce ton, sans lien avec les autres teintes
 * bleues du site (hero, ton "Bleu" ci-dessus). Contraste mesuré à 9,6.
 */
.aspacam-banner--light-blue {
	background-color: #9EAEE5;
}

.aspacam-banner--light-blue .aspacam-banner__text {
	color: #000;
}

/*
 * Ton le plus voyant des trois. Le jaune est le jaune de marque
 * (--aspacam-theme-color-yellow, variables.css) ; le rouge, en revanche,
 * n'est volontairement pas le rouge de marque (--aspacam-theme-color-red) :
 * associé au jaune de marque, celui-ci ne donne que 4,39 de contraste, sous
 * le seuil de 4,5 tenu partout ailleurs sur le site. #C4231D est à peine
 * plus sombre, invisible à l'œil, et passe à 4,68 — mesuré dans le rendu
 * réel. Cette valeur ne sert qu'ici : ne pas la confondre avec le rouge de
 * marque, ni la réutiliser ailleurs.
 */
.aspacam-banner--red-yellow {
	background-color: #C4231D;
}

.aspacam-banner--red-yellow .aspacam-banner__text {
	color: var(--aspacam-theme-color-yellow);
}