/** * Betton & Dragons — page d'accueil * * Zone tactile des libellés d'encart (« icon box ») sur mobile. * * Elementor rend le titre lié en `` 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; } } /* --------------------------------------------------------------------------- * Formulaire de contact « GARDONS LE CONTACT ! » (WPForms 708) * * État constaté le 2026-09-09 : la carte du formulaire (colonne Elementor * `jvblhtq`) est blanche — `#FFFFFF`, rayon 20 px, ombre — et **les champs * l'étaient aussi**, sans autre limite qu'un filet `#EDEDED` à 1,2:1 du blanc. * Le placeholder, lui, sortait en `#FFFFFFB3` : blanc translucide sur blanc, * donc invisible. Comme les libellés WPForms sont masqués * (`wpforms-label-hide`, masquage accessible par `clip`), ces placeholders sont * la seule étiquette visible des champs : le formulaire paraissait vide. * * Deux sources se superposent, et il faut battre les deux : * * 1. Les variables `--wpforms-*` du widget, posées par un `