/* ============================================================
   WDraw2 — Animation Premium du logo  (v3)
   public/assets/wdraw-animation.css
   ============================================================ */

/* ── Écran d'intro ──────────────────────────────────────── */
#wdIntro {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #000;
    opacity: 1;
    transition: opacity 0.7s ease;
    pointer-events: all;
}
#wdIntro.wd-outro {
    opacity: 0;
    pointer-events: none;
}

/* ── Wrapper du logo SVG ─────────────────────────────────── */
#wdLogoWrap {
    width: min(900px, 94vw);
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
#wdLogoWrap.wd-visible {
    opacity: 1;
    transform: translateY(0);
}
#wdLogoWrap svg {
    width: 100%;
    height: auto;
    display: block;
}

/* ── Slogan ────────────────────────────────────────────── */
#wdSlogan {
    margin-top: 22px;
    font-size: clamp(0.70rem, 1.8vw, 0.92rem);
    letter-spacing: 0.38em;
    text-transform: uppercase;
    font-weight: 300;
    color: rgba(180, 150, 80, 0);
    transition: color 0.9s ease;
    text-align: center;
    font-family: 'Inter', 'Arial', sans-serif;
}
#wdSlogan.wd-visible {
    color: rgba(180, 150, 80, 0.72);
}

/* ── Animations internes du SVG ─────────────────────────── */

/* Révélation de la comète gauche → droite */
@keyframes wdSweepComet {
    from { width: 0px; }
    to   { width: 1500px; }
}
#wdCometReveal {
    animation: wdSweepComet 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}

/* Nœud : apparition nette */
@keyframes wdNodeAppear {
    0%   { opacity: 0; transform: scale(0.1); }
    45%  { opacity: 1; transform: scale(1.0); }
    100% { opacity: 1; transform: scale(1.0); }
}
#wdNode {
    transform-box: fill-box;
    transform-origin: center center;
    animation: wdNodeAppear 0.35s ease-out 1.35s both;
}

/* Éclat radial du nœud */
@keyframes wdNodeBurst {
    0%   { opacity: 0; transform: scale(0.1); }
    35%  { opacity: 1; transform: scale(1.8); }
    100% { opacity: 0; transform: scale(3.5); }
}
#wdNodeBurst {
    transform-box: fill-box;
    transform-origin: center center;
    animation: wdNodeBurst 0.55s ease-out 1.35s both;
}

/* Éléments texte : montée en fondu */
@keyframes wdFadeUp {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0);    }
}
#wdTitle   { animation: wdFadeUp 0.6s ease-out 0.65s both; }
#wdSub     { animation: wdFadeUp 0.5s ease-out 1.10s both; }
#wdSlogans { animation: wdFadeUp 0.5s ease-out 1.40s both; }
#wdAddr    { animation: wdFadeUp 0.5s ease-out 1.65s both; }

/* ── Réduction de mouvement ──────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    #wdIntro { display: none !important; }
}