/* La barre d'action du téléphone et le geste de l'en-tête, communs aux trois styles.
   (24/09) Les compositions « Selon votre activité » qui vivaient ici — photos inclinées façon polaroïd, cadres en relief,
   aplat d'accent plein écran — sont retirées avec la refonte des démos ; la mise en page du thème boutique est dans
   signatures.css. Ce qui reste vaut pour tous les thèmes : le menu du bas et ses repères. */
html[data-editorial] .navigation-mobile{display:none}
@media(prefers-reduced-motion:no-preference){
 html[data-editorial] .navigation-mobile a{transition:background-color .2s,color .2s}
}
@media(max-width:760px){
 html[data-editorial] .navigation-mobile{display:flex;align-items:stretch;gap:6px;position:fixed;inset:auto 0 0;background:color-mix(in srgb,var(--fond) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--encre);border-top:1px solid color-mix(in srgb,var(--encre) 14%,transparent);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));height:calc(64px + env(safe-area-inset-bottom,0px));z-index:40}
 html[data-editorial] .navigation-mobile a{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:6px;color:inherit;text-decoration:none;font:560 13.5px/1.2 Archivo,sans-serif;border-radius:8px;padding:8px 6px;min-width:0;text-align:center;white-space:nowrap}
 /* (25/09, le dirigeant) « le bouton sélectionné est le vrai sélectionné, les autres restent blancs : pas de marron sur Appeler ».
    L'action n'a plus d'aplat d'accent : c'est l'entrée touchée, et elle seule, qui se remplit (règles ci-dessous). */
 html[data-editorial] .navigation-mobile .navigation-action{font-weight:650}
 html[data-editorial].mode-retouche .navigation-mobile{display:none}
}
/* Le menu du bas marque l'entrée touchée (22/09) : sans script, par la cible de l'adresse (#prestations…) et :has().
   L'entrée courante prend l'encre ; toutes les autres, l'action comprise, restent sur le fond (25/09). */
@media(max-width:760px){
 html[data-editorial]:has(#prestations:target) .navigation-mobile a[href="#prestations"],
 html[data-editorial]:has(#carte:target) .navigation-mobile a[href="#carte"],
 html[data-editorial]:has(#infos:target) .navigation-mobile a[href="#infos"],
 html[data-editorial]:has(#galerie:target) .navigation-mobile a[href="#galerie"],
 html[data-editorial]:has(#preuves:target) .navigation-mobile a[href="#preuves"],
 html[data-editorial]:has(#maison:target) .navigation-mobile a[href="#maison"],
 html[data-editorial]:has(#methode:target) .navigation-mobile a[href="#methode"],
 html[data-editorial]:has(#visite:target) .navigation-mobile a[href="#visite"],
 html[data-editorial]:has(#ouverture:target) .navigation-mobile a[href="#ouverture"],
 html[data-editorial]:has(#ecrire:target) .navigation-mobile a[href="#ecrire"]{background:var(--encre);color:var(--fond);font-weight:650}
}