/* ============================================================
   HDR GLOW (test, boost x20) — INDÉPENDANT & RETIRABLE.
   Pour désactiver : retirer les 2 lignes <link glow.css> + <script glow.js> de index.html.
   N'a d'effet que sur écran HDR (@media dynamic-range:high). Sur SDR : strictement identique
   (les <img> ne sont même pas injectées, et le fond du marquee reste l'aplat menthe CSS).
   Réf : Downloads/glow-hdr/GLOW-HDR.md
   ============================================================ */

/* --- styles de positionnement des <img> injectées par glow.js ---
   (inoffensifs hors glow : ces images n'existent que quand glow.js tourne) --- */
.hdr-fill,.hdr-accent{max-width:none;object-fit:cover;pointer-events:none;-webkit-user-drag:none;
  dynamic-range-limit:no-limit}
.hdr-fill{position:absolute;inset:0;width:100%;height:100%}
.hdr-accent{position:absolute;left:0;top:0}
.brand .mk{position:relative}
/* boutons : le glow RESTE et se fait recouvrir par le balayage noir au survol
   (glow sous ::before, ::before sous le label) */
.btn .hdr-fill{z-index:0}
.btn::before{z-index:1}
.btn .lbl{z-index:2}
/* coins : image glow AU-DESSUS des barres ::before/::after (sinon la verticale ne glow pas) */
.cnr .hdr-fill{position:absolute;inset:0;width:100%;height:100%;z-index:2}
/* réalisations : le .w-name ne glow (menthe) qu'au survol de sa ligne */
.w-name .hdr-accent{opacity:0;transition:opacity .35s var(--e-out)}
.work-list:hover .wrow:hover .w-name .hdr-accent{opacity:1}

/* cartes services : bordure + textes internes (menthe) ne glow qu'au survol de la carte */
.hdr-border{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;
  dynamic-range-limit:no-limit;opacity:0;transition:opacity .3s var(--e-out);z-index:1}
.svccard .sc-name .hdr-accent{opacity:0;transition:opacity .3s var(--e-out)}
.svccard:hover .hdr-border,
.svccard:hover .sc-name .hdr-accent{opacity:1}

/* bloc Nivo Local : le badge pilule glow en permanence (pas de survol) */
#s-local .lc-tag .hdr-border{opacity:1}

/* --- effet HDR réel : uniquement sur écran HDR --- */
@media (dynamic-range: high){
  html{dynamic-range-limit:no-limit}
  /* Technique A — aplat non découpé : le fond du marquee */
  .marquee-band{background-image:url(../_assets/hdr/mint-hdr.jpg);background-size:cover;background-repeat:no-repeat}
}