/**
 * Betton & Dragons — page d'accueil
 *
 * Zone tactile des libellés d'encart (« icon box ») sur mobile.
 *
 * Elementor rend le titre lié en `<a>` inline : la cible ne fait alors que la
 * hauteur du texte (19 px mesurés sur la section « nos activités »), sous les
 * 24 px minimum du critère WCAG 2.5.8 et loin des 44 px recommandés par Apple.
 * On repasse le lien en inline-block avec un rembourrage, et on annule ce
 * rembourrage par une marge négative de même valeur : la cible grandit, le
 * rendu visuel ne bouge pas d'un pixel.
 *
 * La règle ne vise que le mobile (breakpoint mobile d'Elementor, 767 px) :
 * au-delà, le pointeur est précis et la marge négative n'a plus d'utilité.
 *
 * Portée volontairement large — tous les encarts de l'accueil, pas seulement
 * les quatre de « nos activités ». Cibler la section par son identifiant
 * Elementor (`.elementor-element-xaiwjzn`) casserait à la première
 * recréation du widget dans l'éditeur, et l'encart « DISCORD » du pied de page
 * a le même défaut de cible.
 */

@media ( max-width: 767px ) {

	body.home .elementor-icon-box-title a {
		display: inline-block;
		padding: 13px 16px;
		margin: -13px -16px;
	}
}