/* =========================================================
 * loading-overlay.css — Animazione di caricamento Fulltrip
 * Si attiva via JS aggiungendo la classe .Fulltrip-loading al body
 * ========================================================= */

/* ── Overlay principale ──────────────────────────────────── */
#fulltrip-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: linear-gradient(160deg, #15dce4 0%, #41e5c8 50%, #d8f7ea 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

#fulltrip-overlay.is-visible {
  opacity: 1;
  pointer-events: all;
}

/* ── Testo centrale ─────────────────────────────────────── */
.voy-brand {
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: clamp(2.8rem, 7vw, 5rem);
  font-weight: 800;
  color: #06231b;
  letter-spacing: -0.02em;
  margin: 0 0 0.3em;
  user-select: none;
}

.voy-tagline {
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: clamp(1.05rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: #06231b;
  margin: 0 0 3em;
  user-select: none;
}

/* ── Canvas degli aerei grandi ──────────────────────────── */
#voy-planes-canvas {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 10000;
  overflow: hidden;
}

/* ── Aerei grandi – SVG wrapper posizionato assoluto ─────── */
.voy-plane-big {
  position: absolute;
  width: 80px;
  height: 80px;
  will-change: transform;
  transform-origin: center center;
}

.voy-plane-big svg {
  width: 100%;
  height: 100%;
  fill: #06231b;
  filter: drop-shadow(0 4px 12px rgba(6,35,27,0.25));
}

/* ── Spinner con aereo mini ─────────────────────────────── */
.voy-spinner-wrap {
  position: relative;
  width: 120px;
  height: 120px;
}

.voy-spinner-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* ── Animazione "pulse" per il testo ────────────────────── */
@keyframes voy-pulse-text {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.6; }
}

.voy-tagline {
  animation: voy-pulse-text 2s ease-in-out infinite;
}