/* V176.8 — ENRICHISSEMENT VISUEL NON DESTRUCTIF.
   Agit uniquement sur les pages publiques Premium; pas de changements d'HTML source,
   de dimensions de la grille, de navigation, de photos, ni de traitements métiers.
   La page Menu sert de modèle; elle est exclue car déjà validée. */
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]){
 --fil178-tint:#bc80ff;
 --fil178-ink:#f9efff;
 --fil178-art:url("/assets/fil-v1768-illustrations/accueil.svg");
}
html body.fil-pages-premium #app-root #main-view[data-page="accueil"]{--fil178-tint:#be83ff;--fil178-alt:#f58eac;--fil178-art:url("/assets/fil-v1768-illustrations/accueil.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="associations"]{--fil178-tint:#c997ff;--fil178-alt:#8cbaff;--fil178-art:url("/assets/fil-v1768-illustrations/associations.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="commerces"]{--fil178-tint:#e7a77c;--fil178-alt:#f2b7c7;--fil178-art:url("/assets/fil-v1768-illustrations/commerces.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="agenda"]{--fil178-tint:#df95e9;--fil178-alt:#ffa977;--fil178-art:url("/assets/fil-v1768-illustrations/agenda.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="restauration"]{--fil178-tint:#ffa66d;--fil178-alt:#f58ca7;--fil178-art:url("/assets/fil-v1768-illustrations/restauration.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="meteo"]{--fil178-tint:#90cafa;--fil178-alt:#c3a1fa;--fil178-art:url("/assets/fil-v1768-illustrations/meteo.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="mairie"]{--fil178-tint:#ffbe8a;--fil178-alt:#bb8dff;--fil178-art:url("/assets/fil-v1768-illustrations/mairie.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="le-fil"]{--fil178-tint:#eeb2fc;--fil178-alt:#9eaaff;--fil178-art:url("/assets/fil-v1768-illustrations/le-fil.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="horloge"]{--fil178-tint:#95c6ff;--fil178-alt:#d9a0ef;--fil178-art:url("/assets/fil-v1768-illustrations/horloge.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="services"]{--fil178-tint:#a4f3d0;--fil178-alt:#9a8af4;--fil178-art:url("/assets/fil-v1768-illustrations/services.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="favoris"]{--fil178-tint:#ff99cb;--fil178-alt:#e7a6ff;--fil178-art:url("/assets/fil-v1768-illustrations/favoris.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="histoire"]{--fil178-tint:#e9be85;--fil178-alt:#b8a7fc;--fil178-art:url("/assets/fil-v1768-illustrations/histoire.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="musique"]{--fil178-tint:#c9a0ff;--fil178-alt:#ffb07a;--fil178-art:url("/assets/fil-v1768-illustrations/musique.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="mentions"]{--fil178-tint:#b3bced;--fil178-alt:#e5b4fa;--fil178-art:url("/assets/fil-v1768-illustrations/mentions.svg");}
html body.fil-pages-premium #app-root #main-view[data-page="serpent"]{--fil178-tint:#8fe7be;--fil178-alt:#b0a4fb;--fil178-art:url("/assets/fil-v1768-illustrations/serpent.svg");}

/* Cartes existantes : effet de matière inspiré des tuiles du Menu.
   Ne pas modifier les background déjà posés par les feuilles historiques !important. */
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile {
 position:relative; isolation:isolate; min-width:0; max-width:100%;
 transition: border-color .24s ease, box-shadow .24s ease, filter .24s ease, transform .24s ease;
}
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile > .fil178-art {
 position:absolute;z-index:0;right:7px;top:6px;width:clamp(40px,5.5vw,76px);
 height:clamp(40px,5.5vw,76px);display:block;opacity:.11;
 background-image:var(--fil178-art);background-repeat:no-repeat;background-position:center;background-size:contain;
 pointer-events:none;user-select:none;transform:rotate(-9deg);
 transition:opacity .24s ease,transform .3s ease;
}
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile:is(:hover,:focus-within) > .fil178-art{
 opacity:.21;transform:rotate(-3deg) scale(1.06);
}
/* Les cartes sont un ensemble ; ne pas colorer les photos, textes ou contenus réels. */
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile:not(.fil178-has-photo){
 border-top-color:var(--fil178-tint)!important;
}
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile :is(h2,h3,h4,strong){
 text-wrap:pretty;overflow-wrap:break-word;
}
/* Soulignement graphique discret des en-têtes, sans dessiner sur le texte. */
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-section-heading{
 position:relative;min-width:0;
}
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-section-heading:after{
 content:"";display:block;width:clamp(34px,5vw,62px);height:3px;border-radius:10px;
 background:linear-gradient(90deg,var(--fil178-tint),var(--fil178-alt,#ffa977));
 box-shadow:0 0 8px color-mix(in srgb,var(--fil178-tint) 45%,transparent);
 margin-top:5px;pointer-events:none;
}
/* Reprise de la sensation de bouton : conserver icônes et couleurs existants. */
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) :is(
 .fil-record-action,.fil-v84-button,.fil-card-primary,.fil-public-open
):not(:disabled){transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) :is(
 .fil-record-action,.fil-v84-button,.fil-card-primary,.fil-public-open
):not(:disabled):active{transform:scale(.985);filter:brightness(1.07);}
/* Fiches détaillées : titres colorés et coins lumineux, sans réarranger la grille V176.7. */
html body.fil-pages-premium #modal-detail-content .fil-record-unified :is(.fil-u-section,.fil-u-practical,.fil-u-tools){
 border-top-color:#c58ee8!important;
 box-shadow:inset 0 1px #ffffff10, 0 3px 14px #09031d28!important;
}
html body.fil-pages-premium #modal-detail-content .fil-record-unified :is(.fil-u-section,.fil-u-practical,.fil-u-tools) :is(h3,h4){
 color:#f0b9e6!important;overflow-wrap:break-word;
}
html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile:focus-within{
 outline:1px solid color-mix(in srgb,var(--fil178-tint) 65%,transparent);outline-offset:1px;
}
@media (max-width:700px){
 html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile > .fil178-art{
  width:41px;height:41px;opacity:.085;right:6px;top:6px;
 }
 html body.fil-pages-premium #app-root #main-view[data-page]:not([data-page="menu"]) .fil178-tile :is(h2,h3,strong,small){min-width:0;max-width:100%;}
}
@media (prefers-reduced-motion:reduce){
 html body.fil-pages-premium #app-root #main-view .fil178-tile,
 html body.fil-pages-premium #app-root #main-view .fil178-art{transition:none!important;animation:none!important;transform:none!important;}
}