/* ═══════════════════════════════════════════════
   Globe Home — décoration page d'accueil
   ═══════════════════════════════════════════════ */
.globe-home-container *,
.globe-home-container *::before,
.globe-home-container *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* Elementor contrôle la hauteur — 400px en fallback si rien n'est défini */
.globe-home-container {
  position: relative;
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 40%, #0a1e3d 0%, #020818 70%);
}

/* Étoiles : couvrent tout le container */
.globe-home-container .stars-home-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* Canvas fixe 400×400, flottant au centre sans contraindre la hauteur du container */
.globe-home-container canvas.globe-home-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 400px;
  height: 400px;
  background: #040f24;
  cursor: default !important;
  touch-action: auto !important;
}

/* Lune : coin supérieur gauche du globe */
.globe-home-container .moon-globe-wrap {
  z-index: 1;
  top: 0.5rem;
  left: 0.5rem;
  opacity: 0.9;
  box-shadow:
    inset -0.375rem 0 1.75rem rgba(0, 0, 0, 0.5),
    0 0 3.5rem rgba(180, 210, 255, 0.15),
    0 0 7rem  rgba(180, 210, 255, 0.07);
}

.globe-home-container .moon-globe-wrap:hover {
  opacity: 1;
  box-shadow:
    inset -0.25rem 0 1.25rem rgba(0, 0, 0, 0.35),
    0 0 4.5rem rgba(180, 210, 255, 0.28),
    0 0 9rem  rgba(180, 210, 255, 0.13);
}