/* Les fonds du cadre et les images de marque suivent le thème courant. */
body {
  --signature-gratuite: url('img/liama-signature-gratuite.svg');
  --signature-payante: url('img/liama-signature-payante.svg');
}
body[data-theme="hud"]:is([data-hud="encre"],[data-hud="ardoise"]) {
  --signature-gratuite: url('img/liama-signature-gratuite-sombre.svg');
  --signature-payante: url('img/liama-signature-payante-sombre.svg');
}
/* Le portrait compact reste intact ; seul le mot-marque s’allume. */
#side .logo .logo-nom {
  position: relative;
  min-width: 0;
  width: 100%;
  aspect-ratio: 640 / 290;
  overflow: hidden;
  border-radius: 4px;
  background: transparent;
  color: transparent;
  text-shadow: none;
}
#side .logo .logo-nom :is(b,small) { color: transparent; }
#side .logo .logo-nom::before,
#side .logo .logo-nom::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--signature-gratuite);
  background-size: 179.6875% 171.0345%;
  background-position: 0 64.0777%;
  background-repeat: no-repeat;
  pointer-events: none;
}
#side .logo .logo-nom::after {
  background-image: var(--signature-payante);
  opacity: 0;
  transition: opacity .65s ease;
}
body[data-signature="payant"] #side .logo .logo-nom::after { opacity: 1; }
#login .brand-logo[src$="liama-signature-gratuite.svg"] {
  width: min(560px, 90vw);
  height: auto;
  max-width: 100%;
  background: transparent;
  border-radius: 12px;
}
#login:has(.brand-logo[src$="liama-signature-gratuite.svg"]) .brand-nom { display: none; }
@media (prefers-reduced-motion: reduce) {
  #side .logo .logo-nom::after { transition: none; }
}
body[data-theme="hud"] #login .brand-logo[src$="liama-signature-gratuite.svg"] {
  width: min(560px, 90vw);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1150 / 496;
  object-fit: contain;
}
body[data-theme="hud"]:is([data-hud="encre"],[data-hud="ardoise"]) #login .brand-logo[src$="liama-signature-gratuite.svg"] {
  content: var(--signature-gratuite);
}
@media (max-width: 420px) {
  body[data-theme="hud"].hud-natif #login .brand-logo[src$="liama-signature-gratuite.svg"] {
    content: url('img/liama-icone-3d.png');
    width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    aspect-ratio: 1;
    padding: 0;
  }
}