/* PRATINIUM v223 — Animation logo header (fintech premium, sobre)
   Trois effets cumulés, pensés pour rester discrets et institutionnels
   (pas de rebond/rotation qui ferait "gadget") :
   1. Entrée en fondu + léger glissement vers le haut au chargement.
   2. Halo respirant très subtil derrière le logo (idle), façon "signal actif".
   3. Balayage lumineux diagonal au survol (shine sweep), classique des
      marques fintech premium (Stripe, Wise, Revolut) pour signaler
      l'interactivité sans surcharge visuelle.
   Respecte prefers-reduced-motion pour l'accessibilité. */

body #header #_desktop_logo,
body #header .pf-header-logo-global {
  position: relative;
  overflow: visible;
}

/* 1. Entrée en fondu + glissement (une seule fois, au chargement) */
body #header #_desktop_logo img,
body #header .pf-header-logo-global img {
  animation: pratinium-logo-intro .7s cubic-bezier(.22,.61,.36,1) both;
  transition: transform .35s cubic-bezier(.22,.61,.36,1), filter .35s ease;
  will-change: transform;
}

@keyframes pratinium-logo-intro {
  0%   { opacity: 0; transform: translateY(8px) scale(.96); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* 2. Halo respirant très subtil derrière le logo */
body #header #_desktop_logo::before,
body #header .pf-header-logo-global::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 78%;
  height: 78%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(19,143,219,.14) 0%, rgba(19,143,219,0) 70%);
  animation: pratinium-logo-breathe 3.6s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes pratinium-logo-breathe {
  0%, 100% { opacity: .5; transform: translate(-50%, -50%) scale(.94); }
  50%      { opacity: 1;  transform: translate(-50%, -50%) scale(1.04); }
}

body #header #_desktop_logo img,
body #header .pf-header-logo-global img {
  position: relative;
  z-index: 1;
}

/* 3. Balayage lumineux au survol */
body #header #_desktop_logo,
body #header .pf-header-logo-global {
  isolation: isolate;
}

body #header #_desktop_logo::after,
body #header .pf-header-logo-global::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,.75) 50%,
    rgba(255,255,255,0) 60%
  );
  background-size: 250% 250%;
  background-position: -120% -120%;
  mix-blend-mode: overlay;
  opacity: 0;
  transition: opacity .2s ease;
}

body #header #_desktop_logo:hover::after,
body #header .pf-header-logo-global:hover::after {
  opacity: 1;
  background-position: 120% 120%;
  transition: background-position .75s ease, opacity .2s ease;
}

body #header #_desktop_logo:hover img,
body #header .pf-header-logo-global:hover img {
  transform: scale(1.035);
  filter: drop-shadow(0 4px 10px rgba(19,143,219,.22));
}

/* Accessibilité : on respecte la préférence de mouvement réduit */
@media (prefers-reduced-motion: reduce) {
  body #header #_desktop_logo img,
  body #header .pf-header-logo-global img {
    animation: none;
  }
  body #header #_desktop_logo::before,
  body #header .pf-header-logo-global::before {
    animation: none;
    opacity: .5;
  }
}