/* ============================================================
   AUREX — LOGO SVG CUIVRE — STYLES & ANIMATIONS
   ============================================================ */

/* ── LOGO NAVIGATION ── */
.logo-embleme {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.logo-embleme svg {
  transition: filter .4s ease, transform .4s ease;
  filter: drop-shadow(0 2px 6px rgba(201,145,58,.3));
}

.nav-logo:hover .logo-embleme svg {
  filter: drop-shadow(0 4px 14px rgba(201,145,58,.65));
  transform: translateY(-2px);
}

/* Animation lueur au chargement */
@keyframes logoApparition {
  from {
    opacity: 0;
    filter: drop-shadow(0 0 0 rgba(201,145,58,0));
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    filter: drop-shadow(0 2px 6px rgba(201,145,58,.3));
    transform: translateY(0);
  }
}

.logo-embleme {
  animation: logoApparition .8s ease .1s both;
}

/* ── PULSATION SUBTILE ── */
@keyframes logoBreath {
  0%, 100% { filter: drop-shadow(0 2px 6px rgba(201,145,58,.25)); }
  50%       { filter: drop-shadow(0 2px 12px rgba(201,145,58,.55)); }
}

.logo-embleme svg {
  animation: logoBreath 5s ease-in-out infinite;
}

.nav-logo:hover .logo-embleme svg {
  animation: none;
}