/* QTouch — nav flottante sur les autres pages (JS : lib/site/nav7.js) */
.h7-nav.n7{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:9995;width:min(1180px,calc(100% - 24px));display:flex;align-items:center;gap:8px;padding:8px 8px 8px 20px;border-radius:22px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 30px -18px rgba(20,18,24,.35),inset 0 0 0 1px rgba(255,255,255,.7);font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s}
.h7-nav.n7.sc{background:rgba(255,255,255,.9)}
.h7-nav.n7.hid{transform:translate(-50%,-140%)}
.n7 .lg img{height:28px;display:block}
.n7 nav{display:flex;gap:2px;margin-left:auto}
.n7 nav a{padding:10px 14px;border-radius:12px;color:#141218;text-decoration:none;font-size:14.5px;font-weight:600;opacity:.72;transition:.2s}
.n7 nav a:hover{opacity:1;background:rgba(20,18,24,.05)}
.n7 nav a.on{opacity:1;background:rgba(20,18,24,.07)}
.n7 .lang{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;border:0;background:transparent;cursor:pointer;font:700 13px 'Figtree',sans-serif;color:#141218}
.n7 .lang svg{width:16px;height:16px}
.n7 .si{display:inline-flex;align-items:center;text-decoration:none;padding:10px 14px;border:0;background:transparent;font:600 14.5px 'Figtree',sans-serif;color:#141218;cursor:pointer;opacity:.75}
.n7 .cta{padding:12px 18px;border-radius:15px;background:#F26B1D;color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;white-space:nowrap}
.n7 nav a{position:relative}
.n7 nav a .nw{position:absolute;top:-6px;right:-4px;background:#F26B1D;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:6px;line-height:1.2;pointer-events:none;box-shadow:0 4px 10px -4px rgba(242,107,29,.7)}
@media(max-width:960px){.n7 nav,.n7 .si{display:none}.n7 .lang{margin-left:auto}}
/* l'ancien en-tête et la barre du bas laissent la place */
body.has-n7 header.hdr{display:none!important}
body.has-n7{padding-top:96px}

/* badge « New » à côté du lien App : orange, avec un reflet qui passe de temps en temps */
.h7-nav nav a .nw,.n7 nav a .nw{position:relative!important;top:auto!important;right:auto!important;display:inline-flex;align-items:center;margin-left:6px;vertical-align:1px;height:18px;padding:0 7px!important;border-radius:6px!important;background:#F26B1D!important;color:#fff!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;overflow:hidden;line-height:1}
.h7-nav nav a .nw::after,.n7 nav a .nw::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:nwShine 3.6s ease-in-out infinite}
@keyframes nwShine{0%,62%{left:-120%}82%,100%{left:140%}}
@media(prefers-reduced-motion:reduce){.h7-nav nav a .nw::after,.n7 nav a .nw::after{animation:none}}
.n7 .si.tuto{white-space:nowrap}
.n7 nav a{white-space:nowrap}
@media(max-width:1400px){.n7 nav a{padding:10px 10px;font-size:14px}.n7 .si{padding:10px 10px}}
/* (Influenceurs / Chaînes TV sont maintenant dans « Pour les pros » : lib/site/pros7.css) */
.n7 .lg{flex:none}.n7 .lg img{width:auto}.n7 .lang svg{flex:none}