/* Habillage Loire Connect pour Sync-in.
   Sync-in n offre pas de mecanisme de personnalisation : son logo est une
   image de fond encodee dans la feuille de style compilee, dont le nom porte
   une empreinte de contenu. Plutot que d epingler ce fichier — ce qui casserait
   a la premiere mise a jour — Apache injecte cette feuille apres la sienne.
   Si l editeur renommait ses classes, l habillage disparaitrait sans rien
   casser d autre. */

/* --light : logo clair, pose sur les fonds sombres (pages de lien public).
   --dark  : logo sombre, sur fond clair.
   --themed : suit le theme actif. */
.sync-in-logo--light,
.theme-dark .sync-in-logo--themed {
  background-image: url("/lcr-brand/lcr-logo-blanc.svg") !important;
}
.sync-in-logo--dark,
.sync-in-logo--themed {
  background-image: url("/lcr-brand/lcr-logo-sombre.svg") !important;
}

/* Le logo d origine est tres allonge (780/214) ; le notre approche le carre.
   Sans correction du rapport, il serait reduit a la hauteur de la bande. */
.sync-in-logo {
  aspect-ratio: 280 / 185 !important;
}

/* Ecran de chargement, avant le demarrage de l application. */
.app-loading:after {
  content: "Loire Connect" !important;
}