/* Futures Flèches — overrides & touches custom au-dessus de Tailwind CDN */

html { scroll-behavior: smooth; }

body {
    font-feature-settings: "ss01", "cv11";
}

/* Ancres prises en compte au scroll (offset header fixe) */
section[id] { scroll-margin-top: 80px; }

/* Petite anim d'entrée pour les sections (utilisée par app.js) */
.ff-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s ease, transform .6s ease;
}
.ff-reveal.is-visible {
    opacity: 1;
    transform: none;
}

/* Élargissement du widget Elfsight (par défaut un peu serré) */
.elfsight-app-d923db11-bd9a-4515-9cb8-0084be6b6f8b {
    min-height: 480px;
}

/* Fix Leaflet × Tailwind : le reset Tailwind force max-width:100% sur <img>,
   ce qui casse le rendu des tuiles (positions absolues calculées par Leaflet). */
.leaflet-container img,
.leaflet-container img.leaflet-tile {
    max-width: none !important;
    max-height: none !important;
    width: auto;
    height: auto;
    padding: 0;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container .leaflet-image-layer,
.leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important;
}