/* Logo de l'app sur tout le site (26/10) : la mascotte guide de l'éditeur (capture de AxoloLogo, yeux ovales, lueur orange)
   et le mot « axolo » en contours, dans la couleur du texte. Proportions de l'app : mot = 60 % de la mascotte, écart = 22 %. */
.logo-app { --h: 40px; display: inline-flex; align-items: center; gap: calc(var(--h) * .22); line-height: 0; color: inherit; }
.logo-app-mark { display: block; width: calc(var(--h) * 1.5); height: calc(var(--h) * 1.5); margin: calc(var(--h) * -.25); flex: none; transition: transform 300ms cubic-bezier(.3, 1.4, .5, 1); }
.logo-app-word { display: block; height: calc(var(--h) * .6); width: auto; fill: currentColor; }
a:hover > .logo-app .logo-app-mark, a:focus-visible > .logo-app .logo-app-mark { transform: translateY(-2px) rotate(-4deg); }
.ch-tete .logo-app, .p-manager .entete .logo-app { color: #F9F2ED; }
footer .logo-app, .ch-pied .logo-app { color: #2A201D; }
@media (max-width: 640px) { .logo-app { --h: 34px; } }
@media (prefers-reduced-motion: reduce) { .logo-app-mark { transition: none; } }
.logo-app img.logo-app-mark { width: calc(var(--h) * 1.5) !important; height: calc(var(--h) * 1.5) !important; max-width: none; filter: none; }