/* ============================================================ Tel qu'ELLE — Compatibilité barre d'administration WordPress ------------------------------------------------------------ Notre charte applique volontairement des resets globaux (`*{box-sizing}`, `img{display:block}`, `body{font…}`) pour que les widgets Elementor NATIFS héritent du style de marque. Problème : ces resets « bavent » sur #wpadminbar (la barre d'admin), qui n'est PAS conçue en border-box → ses items et l'avatar se désalignent. Ce fichier rétablit la barre dans son propre référentiel, et décale la nav fixe du site sous la barre pour l'utilisateur connecté. Chargé en dernier ; la spécificité #wpadminbar … bat nos sélecteurs d'élément génériques. ============================================================ */ /* 1) La barre d'admin reprend son modèle de boîte / sa typo natifs */ #wpadminbar, #wpadminbar *, #wpadminbar *::before, #wpadminbar *::after { box-sizing: content-box; letter-spacing: normal; text-wrap: wrap; } /* 2) Avatar « Howdy » : nos resets img sont désormais scopés à `.elementor img` et ne touchent plus la barre. Par sécurité (caches, autres plugins), on ré-épingle quand même l'avatar à sa taille native, en !important. */ #wpadminbar img { display: inline-block !important; vertical-align: middle; } #wpadminbar .avatar, #wpadminbar img.avatar { width: 26px !important; height: 26px !important; max-width: 26px !important; } /* 3) Liens de la barre : neutralise notre décoration de marque */ #wpadminbar a, #wpadminbar a:hover { text-decoration: none; text-underline-offset: 0; } /* 4) Décale la nav fixe du site sous la barre d'admin (utilisateur connecté). WordPress ajoute la classe `admin-bar` au quand la barre s'affiche. */ .admin-bar .nav { top: 32px; } @media screen and ( max-width: 782px ) { .admin-bar .nav { top: 46px; } }