/* =====================================================
   =============== Réglages & calques globaux ===========
   ===================================================== */
#gpx-map { margin-top: 24px; }
#parcours-summary { margin-bottom: 12px; }

.hero,
.site-main,
.hero-content,
.thought-bubble,
.thought-bubble .bubble-outline { overflow: visible; }

.parallax-layer { z-index: 0; }
.hero-content   { position: relative; z-index: 1; }

/* =====================================================
   ============= Textarea auto‑extensible ===============
   ===================================================== */
.auto-expand {
  min-height: 120px;
  resize: none;
  overflow: hidden;
  line-height: 1.5;
}

/* =====================================================
   =========== Préférences : reduced motion =============
   ===================================================== */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms;
    animation-iteration-count: 1;
    transition-duration: 0.001ms;
  }
}

/* Accessibilité : réduction des animations, y compris face aux transitions de composants. */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}