/*
 * Zarboutan — kicker du hero accueil (30/07/2026), au-dessus du H1.
 *
 * Volontairement indépendant du CSS du hero immersif lui-même
 * (wp-content/uploads/zarboutan-3d-immersive-demo/zarboutan-immersive.css,
 * chargé par le snippet WPCode 1436) : ce fichier n'est jamais modifié sans
 * autorisation explicite (règle du projet, voir CLAUDE.md). Valeurs
 * choisies pour rester visuellement cohérentes avec l'existant sans copier
 * aucune règle telle quelle :
 * - Taille/majuscules/letter-spacing inspirés de .zbi-eyebrow (surtitre de
 *   la scène "Terrasse", même famille de composant), mais SANS
 *   transformation en majuscules ici : le kicker est une phrase complète,
 *   pas un label court de 1-2 mots — la majuscule intégrale nuirait à la
 *   lisibilité sur une phrase longue.
 * - Couleur/opacité/text-shadow repris de la même technique que .zbi-content
 *   h1/p/.zbi-signature (texte clair + ombre portée sombre), nécessaire
 *   pour rester lisible sur le carrousel photo qui change de luminosité
 *   slide par slide — pas une nouvelle idée, la même déjà validée ailleurs
 *   dans ce bloc.
 * - Taille (14px) et opacity (0.85) délibérément inférieures au H1 (48px)
 *   et à la signature (20px) : le kicker reste secondaire dans la
 *   hiérarchie visuelle, jamais un concurrent du titre.
 * - PAS le style de .zbi-signature (Manrope italique) : c'est une signature
 *   de marque, le kicker est un texte fonctionnel, distinct par nature.
 */
.zbi-content .zbi-kicker {
	display: block;
	max-width: 600px;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: #f5f1e8;
	opacity: 0.85;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.8);
}

@media (max-width: 768px) {
	.zbi-content .zbi-kicker {
		font-size: 13px;
	}
}