/* ============================================
   ORB BACKGROUNDS - Fondu progressif au hover
   ============================================ */

.orb-background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.orb-bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.orb-bg-layer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Image par système */
.orb-bg-layer.descartes {
  background-image: url("./assets/backgrounds/descartes.png");
}

.orb-bg-layer.descartes::after {
  background: linear-gradient(
    180deg,
    rgba(10, 12, 16, 0.7) 0%,
    rgba(0, 217, 255, 0.12) 50%,
    rgba(10, 12, 16, 0.9) 100%
  );
}

.orb-bg-layer.funding {
  background-image: url("./assets/backgrounds/funding.png");
}

.orb-bg-layer.funding::after {
  background: linear-gradient(
    180deg,
    rgba(10, 12, 16, 0.7) 0%,
    rgba(139, 92, 246, 0.15) 50%,
    rgba(10, 12, 16, 0.9) 100%
  );
}

.orb-bg-layer.legal {
  background-image: url("./assets/backgrounds/flux.png");
}

.orb-bg-layer.legal::after {
  background: linear-gradient(
    180deg,
    rgba(10, 12, 16, 0.7) 0%,
    rgba(253, 164, 175, 0.12) 50%,
    rgba(10, 12, 16, 0.9) 100%
  );
}

/* État actif (visible) */
.orb-bg-layer.active {
  opacity: 1;
}

/* Assurer que le cockpit est au-dessus */
.cockpit-container {
  z-index: 5;
}