/* DOA Reborn : styles nécessaires au logo animé (doa-reborn-anim.svg inline) */

.doa-logo {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* Pivot des pétales et du 2e indicateur de round sur leur propre centre */
.doa-logo .doa-petal,
.doa-logo #doa-round-2 {
  transform-box: fill-box;
  transform-origin: center;
}

/* Évite un flash de l'état final avant que le JS ne démarre.
   Ajouter dans le <head> :  <script>document.documentElement.classList.add('js')</script>
   et la classe "doa-pending" sur le <svg>. Sans JS, le logo reste visible. */
.js .doa-logo.doa-pending {
  visibility: hidden;
}