/* Feuilles d'automne qui tombent — Automne
   Layer injecté par leaves.js
   ----------------------------------------------------------------- */

.fx-leaves .fx-leaves-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 9998;
}

.fx-leaves .fx-leaf {
  position: absolute;
  top: -30px;
  width: 18px;
  height: 12px;
  border-radius: 0 100% 0 100%;
  opacity: 0.9;
  animation-name: fx-leaf-fall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}

.fx-leaves .fx-leaf.l1 { background: #c96a3e; }
.fx-leaves .fx-leaf.l2 { background: #e0a04a; }
.fx-leaves .fx-leaf.l3 { background: #a4432a; }
.fx-leaves .fx-leaf.l4 { background: #d4a373; }

@keyframes fx-leaf-fall {
  0%   { transform: translate3d(0, -30px, 0) rotate(0deg); }
  25%  { transform: translate3d(30px, 25vh, 0) rotate(90deg); }
  50%  { transform: translate3d(-20px, 50vh, 0) rotate(180deg); }
  75%  { transform: translate3d(25px, 75vh, 0) rotate(270deg); }
  100% { transform: translate3d(-15px, 110vh, 0) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .fx-leaves .fx-leaves-layer { display: none; }
}