/* ============================================================
   GARNAZELLE — image-filters.css
   Filtres chromatiques globaux pour cohérence de charte

   ✅ Actif par défaut
   🚫 Désactivé via ?image=origine dans l'URL (géré par main.js)

   Pour désactiver manuellement sur un élément spécifique :
   ajouter la classe .no-filter sur l'img ou son parent
   ============================================================ */

/* --- Retour client V2 : les tons étaient froids, on veut plus chaud.
       On retire le filtre désaturant qui ternissait tout (slider, boutique, portrait
       Céline). Les photos s'affichent désormais en couleurs natives.
       Pour préserver une légère cohérence chromatique, on applique un sépia
       très subtil à la boutique et au portrait. --- */
body:not(.images-origine) .boutique-img-wrap img,
body:not(.images-origine) .narration-grid img {
    filter: saturate(1.05) sepia(0.06) brightness(1.02);
    transition: filter 0.5s ease;
}

/* --- Hover : restitution complète de la vivacité --- */
body:not(.images-origine) .boutique-img-wrap img:hover,
body:not(.images-origine) .narration-grid img:hover {
    filter: saturate(1.1) sepia(0.03) brightness(1.04);
}

/* --- Galerie : photos studio nativement chaudes — filtre allégé
       (juste un poil de cohérence chromatique, sans dénaturer les couleurs natives) --- */
body:not(.images-origine) .gallery-item img {
    filter: saturate(1.05) sepia(0.08) brightness(1.02) contrast(1.02);
    transition: filter 0.5s ease;
}

body:not(.images-origine) .gallery-item img:hover {
    filter: saturate(1.12) sepia(0.04) brightness(1.04) contrast(1.04);
}

body:not(.images-origine) .gallery-item {
    position: relative;
}

/* Overlay or-chaud très subtil pour unifier les 3 visuels */
body:not(.images-origine) .gallery-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(196, 142, 56, 0.03);
    pointer-events: none;
    mix-blend-mode: multiply;
}

/* --- Exclusion manuelle par classe --- */
.no-filter img,
img.no-filter {
    filter: none !important;
}

/* --- Logos & UI : jamais filtrés --- */
header img,
footer img,
.presse-logos,
.frog-walker {
    filter: none !important;
}