/* NOSK8 — VERRE LIQUIDE sur les SURFACES + fond 3D (David 16/10/2026, « applique le même verre sur NOSK8 »).
   UNE source : les jetons --n8-verre-* ci-dessous. Tout vit sous body.n8-verre (classe posée par
   nosk8/functions-verre.php) : option WP nosk8_verre_actif = 0 → ni classe, ni feuille, ni fond.
   Règle NOSK8 : on LIT longtemps. Corps d'article, pages légales = surface >= .88, jamais le .62 des cartes.
   Charte : 60 % blanc / 30 % navy #1a2744 / 10 % noir. Jamais de vert. */
:root{
  --n8-verre-carte:rgba(255,255,255,.62);
  --n8-verre-imbrique:rgba(255,255,255,.45);
  --n8-verre-nav:rgba(255,255,255,.70);
  --n8-verre-modale:rgba(255,255,255,.82);
  --n8-verre-modale-plein:rgba(255,255,255,.97);   /* en-tête et pied des tiroirs : fond PLEIN */
  --n8-verre-champ:rgba(255,255,255,.50);
  --n8-verre-lecture:rgba(255,255,255,.90);        /* corps d'article, légal : >= .88 */
  --n8-verre-navy:rgba(26,39,68,.88);              /* blocs d'inscription / appel : verre navy */
  --n8-verre-sombre:rgba(14,21,33,.86);            /* popups sombres existants */
  --n8-verre-bord:rgba(26,39,68,.16);
  --n8-verre-bord-champ:rgba(26,39,68,.24);
  --n8-verre-lisere:inset 0 1px 0 rgba(255,255,255,.60);
  --n8-verre-flou:blur(18px) saturate(150%);
  --n8-verre-flou-nav:blur(20px) saturate(150%);
  --n8-verre-flou-modale:blur(24px) saturate(150%);
  --n8-verre-ombre:0 8px 28px rgba(26,39,68,.08);
}
@media (max-width:768px){
  :root{--n8-verre-flou:blur(12px) saturate(150%);--n8-verre-flou-nav:blur(12px) saturate(150%);--n8-verre-flou-modale:blur(12px) saturate(150%)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--n8-verre-carte:rgba(255,255,255,.92);--n8-verre-imbrique:rgba(255,255,255,.92);--n8-verre-nav:rgba(255,255,255,.92);
    --n8-verre-modale:rgba(255,255,255,.95);--n8-verre-champ:rgba(255,255,255,.92);--n8-verre-navy:rgba(26,39,68,.95);--n8-verre-sombre:rgba(14,21,33,.95)}
}

/* ── Le fond : canvas fixe derrière tout (posé par nosk8-verre-fond.js après le chargement) ── */
.n8-fond{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.4s ease}
html.n8-fond-on .n8-fond{opacity:1}
@media (prefers-reduced-motion:reduce){.n8-fond{transition:none}}

/* ── Pages : les aplats blancs deviennent transparents, le fond se voit entre les surfaces ── */
body.n8-verre main#nosk8-home,
body.n8-verre #a-voir.n8-suite,
body.n8-verre main.n8-news,
body.n8-verre .n8-news__featured,
body.n8-verre .n8-news__filters,
body.n8-verre .n8-news__grid-section,
body.n8-verre .n8-news__nl,
body.n8-verre .n8c,
body.n8-verre main.n8-commerce,
body.n8-verre .n8-commerce__content,
body.n8-verre main.n8sf,
body.n8-verre .n8pp-product,
body.n8-verre .n8pp-extras,
body.n8-verre .nosk8-article,
body.n8-verre section#shop.nosk8-shop,
body.n8-verre .nosk8-related,
body.n8-verre section#comments.nosk8-article__comments,
body.n8-verre footer.nosk8-article-footer{background:transparent}
/* « papier » de la une de la home : reste du papier, mais on devine le fond */
body.n8-verre #articles.n8-articles{background-color:rgba(250,247,241,.72)}

/* ── LECTURE : le corps d'un article reste presque opaque (>= .88) ── */
body.n8-verre .nosk8-article__main{background:var(--n8-verre-lecture);-webkit-backdrop-filter:var(--n8-verre-flou);backdrop-filter:var(--n8-verre-flou);
  border-radius:14px;margin:-16px;padding:16px}
@media (min-width:720px){body.n8-verre .nosk8-article__main{margin:-24px;padding:24px}}
body.n8-verre .n8-legal-main{background:var(--n8-verre-lecture)}

/* ── CARTES : .62 + flou 18 + bord navy .16 + liseré blanc ── */
body.n8-verre .n8-news__card-link,
body.n8-verre .n8sf__card,
body.n8-verre .n8sf__row,
body.n8-verre .nosk8-shop-card,
body.n8-verre .nosk8-related__card,
body.n8-verre .nosk8-side-shop__link,
body.n8-verre #nosk8-toc,
body.n8-verre .n8pp-buybox,
body.n8-verre .n8pp-usp-card,
body.n8-verre .n8pp-trust-item,
body.n8-verre .n8c .card,
body.n8-verre .n8c .filters,
body.n8-verre .n8c .toolbar{
  background:var(--n8-verre-carte);border:1px solid var(--n8-verre-bord);box-shadow:var(--n8-verre-lisere),var(--n8-verre-ombre);
  -webkit-backdrop-filter:var(--n8-verre-flou);backdrop-filter:var(--n8-verre-flou)}
body.n8-verre .n8c .card{border-radius:14px;overflow:hidden}
/* imbriqués : .45, pas de flou propre */
body.n8-verre .shop-pro__gallery,
body.n8-verre .nosk8-related__thumb{background:var(--n8-verre-imbrique)}

/* ── BLOCS D'INSCRIPTION / APPEL : verre navy (texte blanc conservé) ── */
body.n8-verre .n8-news__nl-card,
body.n8-verre .nosk8-endcta__inner,
body.n8-verre .nosk8-cta-newsletter{background:var(--n8-verre-navy);border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 36px rgba(26,39,68,.22);-webkit-backdrop-filter:var(--n8-verre-flou);backdrop-filter:var(--n8-verre-flou)}

/* ── NAVIGATION : en-tête .70 + flou 20 ; la barre ne garde pas will-change (il isole le flou) ── */
body.n8-verre .n8-hdrwrap{will-change:auto}
body.n8-verre .n8h{background:var(--n8-verre-nav);-webkit-backdrop-filter:var(--n8-verre-flou-nav);backdrop-filter:var(--n8-verre-flou-nav);
  border-bottom:1px solid var(--n8-verre-bord);box-shadow:var(--n8-verre-lisere)}

/* ── MENUS, TIROIRS, POPUPS : .82 + flou 24, en-tête et pied PLEINS ── */
body.n8-verre .n8h__dd-menu,
body.n8-verre .n8h__side,
body.n8-verre .n8c .drawer,
body.n8-verre .n8cart-drawer,
body.n8-verre .n8-sheet,
body.n8-verre .n8-rdm__panel{background:var(--n8-verre-modale);border-color:var(--n8-verre-bord);
  -webkit-backdrop-filter:var(--n8-verre-flou-modale);backdrop-filter:var(--n8-verre-flou-modale);box-shadow:var(--n8-verre-lisere),0 24px 64px rgba(26,39,68,.22)}
body.n8-verre .n8h__side-header,
body.n8-verre .n8h__side-footer,
body.n8-verre .n8c .drawer > header,
body.n8-verre .n8c .drawer > footer{background:var(--n8-verre-modale-plein)}
body.n8-verre .n8-sp-popup__dlg{background:var(--n8-verre-sombre);-webkit-backdrop-filter:var(--n8-verre-flou-modale);backdrop-filter:var(--n8-verre-flou-modale)}
body.n8-verre .n8-consent{background:var(--n8-verre-navy);-webkit-backdrop-filter:var(--n8-verre-flou-modale);backdrop-filter:var(--n8-verre-flou-modale)}

/* ── CHAMPS : .50 + bord .24 ── */
body.n8-verre .n8h__search-form,
body.n8-verre #n8NewsSearch,
body.n8-verre .n8sf__q,
body.n8-verre .n8c input[type=search],
body.n8-verre .n8c .search input{background:var(--n8-verre-champ);border:1px solid var(--n8-verre-bord-champ);
  -webkit-backdrop-filter:var(--n8-verre-flou);backdrop-filter:var(--n8-verre-flou)}

@media print{.n8-fond{display:none}}