/* ═══════════════════════════════════════════════════════════════════════
   Reveal au survol — système universel (2 classes CSS additionnelles,
   à ajouter dans le panneau "Avancé" de n'importe quel bloc Gutenberg) :

   - .ljp-hover-parent → sur le bloc déclencheur (celui qu'on survole).
     Le toggle "Texte au survol" du bloc Card l'ajoute automatiquement,
     mais on peut aussi la mettre à la main sur n'importe quel autre bloc
     (groupe, colonne, etc.).
   - .ljp-hover-target → sur N'IMPORTE QUEL bloc enfant (paragraphe, titre...)
     à cacher par défaut sur desktop et révéler au survol du déclencheur,
     peu importe la profondeur d'imbrication entre les deux.

   Sur mobile/tablette (pas de hover fiable), le contenu reste toujours visible.

   hover-reveal.js ajuste --ljp-target-h à la vraie hauteur du contenu
   (scrollHeight) juste avant le survol, pour une animation exacte peu importe
   la longueur du texte. Le 600px ci-dessous n'est qu'un filet de sécurité si
   le JS ne s'est pas chargé.

   IMPORTANT : ce fichier est enqueue en frontend seulement (voir functions.php),
   PAS via add_editor_style(). Il ne doit jamais être chargé dans l'éditeur de
   blocs, sinon le texte disparaît aussi pendant l'édition. */
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
	.ljp-hover-target {
		max-height: 0 !important;
		opacity: 0 !important;
		overflow: hidden !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		transform: translateY(10px);
		transition:
			max-height 0.45s ease,
			opacity 0.35s ease,
			transform 0.4s ease,
			margin 0.4s ease;
	}
	.ljp-hover-parent:hover .ljp-hover-target,
	.ljp-hover-parent:focus-within .ljp-hover-target {
		max-height: var(--ljp-target-h, 600px) !important;
		opacity: 1 !important;
		margin-top: revert !important;
		margin-bottom: revert !important;
		transform: translateY(0);
	}
}