/*
Theme Name: CSE ASTREA Automne - Feuilles
Description: Le thème CSE ASTREA Globe inchangé, avec uniquement des feuilles d'automne qui tombent.
Author: CSE ASTREA Amilly
Version: 1.0.0
Template: cse-astrea-theme-globe
Text Domain: cse-astrea-automne-feuilles
*/

/* Les couleurs et la mise en page restent celles du thème parent. */
.cse-falling-leaf {
 position: fixed;
 top: -70px;
 z-index: 9998;
 pointer-events: none;
 user-select: none;
 line-height: 1;
 opacity: .78;
 filter: drop-shadow(0 4px 5px rgba(0,0,0,.10));
 animation-name: cseLeafFall;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
}
.cse-leaf-1{left:5%;font-size:24px;animation-duration:16s;animation-delay:-4s}
.cse-leaf-2{left:18%;font-size:18px;animation-duration:21s;animation-delay:-13s}
.cse-leaf-3{left:34%;font-size:28px;animation-duration:19s;animation-delay:-8s}
.cse-leaf-4{left:51%;font-size:20px;animation-duration:23s;animation-delay:-17s}
.cse-leaf-5{left:68%;font-size:25px;animation-duration:18s;animation-delay:-11s}
.cse-leaf-6{left:82%;font-size:19px;animation-duration:22s;animation-delay:-2s}
.cse-leaf-7{left:94%;font-size:27px;animation-duration:20s;animation-delay:-15s}

@keyframes cseLeafFall {
 0%   { transform:translate3d(0,-10vh,0) rotate(0deg); }
 25%  { transform:translate3d(35px,25vh,0) rotate(100deg); }
 50%  { transform:translate3d(-25px,52vh,0) rotate(205deg); }
 75%  { transform:translate3d(30px,78vh,0) rotate(300deg); }
 100% { transform:translate3d(-15px,112vh,0) rotate(420deg); }
}

@media(max-width:700px){
 .cse-falling-leaf{opacity:.58}
 .cse-leaf-2,.cse-leaf-4,.cse-leaf-6{display:none}
}
@media(prefers-reduced-motion:reduce){
 .cse-falling-leaf{display:none}
}