/* =================================================================
   EFFETTI PREMIUM per le pagine della seconda attività (fitness).
   Stessi effetti della home archery, adattati al tema VERDE/ORO.
   Usa le variabili definite nella pagina: --bg, --emerald, --gold.
   ================================================================= */

/* --- Transizione tra pagine: velo scuro (fail-safe: nascosto di default) --- */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9990;
  background: var(--bg, #0B1310);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
body.page-leaving::before {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 400ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- Reveal dei blocchi allo scroll (classe dedicata, niente conflitti) --- */
.mc-rise {
  opacity: 0;
  transform: translateY(42px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.mc-rise.mc-up { opacity: 1; transform: none; }

/* --- Hover premium: i blocchi si sollevano e si illuminano di smeraldo --- */
.card, .step, .value {
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.28s ease,
              border-color 0.28s ease;
}
@media (hover: hover) {
  .card:hover, .step:hover, .value:hover {
    transform: translateY(-5px);
    border-color: var(--emerald, #1FA579);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(31, 165, 121, 0.30);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mc-rise { opacity: 1 !important; transform: none !important; transition: none !important; }
  body.page-leaving::before { transition: none; opacity: 0; visibility: hidden; }
}