/* ===================================================
   MERILIA — FLUID PAGE TRANSITIONS
   NOTE: On utilise UNIQUEMENT opacity (pas transform) sur body
   car transform crée un "containing block" qui casse position:fixed.
   =================================================== */

@view-transition {
  navigation: auto;
}

html {
  background-color: #060608 !important;
}

/* Page entrance & exit — fade only, NO transform on body */
body {
  opacity: 0;
  transition: opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity;
}

body.page-loaded {
  opacity: 1;
}

body.page-leaving {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 0.22s cubic-bezier(0.4, 0, 1, 1) !important;
}

/* Smoother background blur blending */
.bg-cover {
  transition: opacity 0.4s ease;
}