/* ============================================================================
   Décor d'automne : calque décoratif STATIQUE, activé par le réglage admin « Décor ».
   Trois éléments, aucun en animation :
     1. un tapis de feuilles EN FIN DE FOOTER (dans le flux, bord supérieur naturel
        dentelé, affiché en entier, SANS masque ni dégradé vers la transparence) ;
     2. un bouquet dans le header, entre le logo et les titres ;
     3. une petite feuille ou un champignon, tiré au hasard à CHAQUE chargement,
        glissé devant chaque titre/sous-titre de section (.page-title / .section-title,
        injecté par decor-automne.js).
   Purement décoratif : aria-hidden + pointer-events:none, classes préfixées « aut- »
   pour ne jamais entrer en conflit avec le site.
   ============================================================================ */

img.aut-tapis { max-width: none; height: auto; }

/* --- 1. Tapis de sous-bois EN FIN DE FOOTER (dans le flux, pas de position:fixed) ---
   Centré, largeur max 1024px. Le haut de l'image est le découpage naturel des feuilles
   sur la transparence (joliment dentelé) : on l'affiche intégralement (width:100%,
   aucun masque). Il faut scroller jusqu'au pied de page pour le voir. */
.site-footer { padding-bottom: 0; }          /* le tapis affleure le bas du footer */
.aut-floor {
  width: 100%; max-width: 1024px; margin: 18px auto 0;
  line-height: 0; pointer-events: none;
}
.aut-tapis { display: block; width: 100%; }

/* --- 2. Bouquet dans le header, entre le logo et les titres ---
   Inséré comme élément flex de .header-brand, avant .header-text (le logo est en
   position absolue, hors flux). Ne capte pas les clics (le lien de marque reste actif). */
img.aut-brand-bouquet {
  height: 60px; width: auto; max-width: none; flex: 0 0 auto;
  margin: -4px 2px -10px 0; transform: rotate(-5deg);
  pointer-events: none;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .45));
}

/* --- 3. Feuille/champignon aléatoire devant chaque titre de section ---
   Sélecteur `img.aut-tip` (type+classe) pour primer sur la règle groupée ci-dessus. */
img.aut-tip {
  display: inline-block; height: 1.4em; width: auto; max-width: none;
  vertical-align: -0.28em; margin-right: .42em;
  transform: rotate(var(--aut-rot, 0deg));
  filter: drop-shadow(0 2px 2px rgba(20, 12, 0, .26));
  pointer-events: none;
}

@media (max-width: 760px) {
  /* Header mobile déjà serré : bouquet réduit. Décor mobile = header + tapis + vignettes. */
  img.aut-brand-bouquet { height: 44px; margin-bottom: -6px; }
  img.aut-tip { height: 1.2em; margin-right: .3em; }
}