/* =====================================================================
   FINETERRE — thème 2026 (refonte d'octobre 2026)
   Se charge APRÈS fineterre-v22.css, project-v22.css et commerce-v22.css :
   il redéfinit les variables (fond nuit, texte clair, or Fineterre) et
   corrige les fonds blancs codés en dur. Les fonctions (boutique Snipcart,
   filtres, formulaires, admin) ne sont pas touchées.
   ===================================================================== */
:root{
  --nuit:#06070c; --nuit-2:#0d0f17; --nuit-3:#141724;
  --trait:rgba(233,236,242,.14);
  --texte:#e9ecf2; --texte-doux:#9aa0b2; --or:#c7b27a; --or-clair:#dccb98;
  --f-titre:"Outfit","Helvetica Neue",Arial,sans-serif;
  --f-texte:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --f-donnee:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --gouttiere:clamp(16px,4vw,56px);
  /* variables de l'ancien thème, remappées */
  --ink:var(--texte); --paper:var(--nuit); --muted:var(--texte-doux); --line:var(--trait);
  --accent:var(--or); --accent2:var(--or-clair); --hero:var(--nuit); --hero2:var(--nuit-2);
  --maxw:1320px;
  color-scheme:dark;
}
html,body{background:var(--nuit)!important;color:var(--texte)}
body.v22-site{font-family:var(--f-texte);font-weight:300;font-size:16.5px;line-height:1.65}
.wrap{padding:0 var(--gouttiere)}
.serif{font-family:var(--f-titre)}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--or);outline-offset:3px}

/* ---------- En-tête ---------- */
body > header{background:rgba(6,7,12,.86)!important;border-bottom:1px solid var(--trait)!important}
/* les en-têtes de pages détaillées ne sont pas la barre du site */
.f26p header.entete{position:relative!important;top:auto!important;z-index:auto!important;backdrop-filter:none!important;border-bottom:0!important;background-color:var(--nuit-2)}
.nav{height:68px}
.logo{font-family:var(--f-titre)!important;font-weight:600!important;font-size:15px!important;letter-spacing:.34em!important;color:var(--texte)}
.logo small{color:var(--texte-doux)!important;font-family:var(--f-donnee)!important;font-size:9px!important}
.menu a{font-family:var(--f-texte);font-size:13px!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--texte-doux)!important}
.menu a:hover,.menu a[aria-current="page"],.menu a.active{color:var(--texte)!important}
.menu a[aria-current="page"]::after{background:var(--or)!important}
.lang a.on{color:var(--or)!important}
@media (max-width:900px){.menu{background:var(--nuit-2)!important;border-color:var(--trait)!important}}
.burger span{background:var(--texte)!important}

/* ---------- Titres et textes génériques ---------- */
.eyebrow,.type,.date,.ty,.vs-kind{font-family:var(--f-donnee)!important;font-size:11.5px!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--or)!important}
.title,h1,h2,h3{font-family:var(--f-titre)!important;font-weight:400!important;color:var(--texte);line-height:1.25!important;padding-bottom:.08em;text-wrap:wrap}
.title{font-size:clamp(28px,3.6vw,46px)!important}
.body,.sub,.lede,p{color:var(--texte-doux)}
.muted{color:var(--texte-doux)!important}
.rule{background:var(--trait)!important;border-color:var(--trait)!important}
.block{padding-block:clamp(56px,8vw,104px)}
.block + .block{border-top:1px solid var(--trait)}

/* ---------- Boutons ---------- */
.btn{font-family:var(--f-donnee)!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase;border-radius:0!important;
  border:1px solid var(--trait)!important;background:transparent!important;color:var(--texte)!important}
.btn:hover{border-color:var(--or)!important;color:var(--texte)!important;background:transparent!important}
.btn.dark,.btn.solid,.btn.primary,button.btn.solid,button.btn.primary,.snipcart-add-item.btn{background:var(--or)!important;border-color:var(--or)!important;color:var(--nuit)!important}
.btn.dark:hover,.btn.solid:hover,.btn.primary:hover,.snipcart-add-item.btn:hover{background:var(--or-clair)!important;color:var(--nuit)!important}
.btn.ghost{background:transparent!important;color:var(--texte)!important}
.link-secondary{color:var(--or)!important}

/* ---------- Cartes, encadrés, formulaires ---------- */
.card,.item,.axe,.notice,.ctaband,.formmsg{background:var(--nuit-2)!important;border-color:var(--trait)!important;color:var(--texte)}
.card h3,.item h3{color:var(--texte)}
.ph{background:var(--nuit-3)!important}
.price .a{color:var(--texte)!important;font-family:var(--f-donnee)}
.price .i{color:var(--texte-doux)!important}
.chip{background:transparent!important;border-color:var(--trait)!important;color:var(--texte-doux)!important;border-radius:0!important;font-family:var(--f-donnee);font-size:12px!important}
.chip.active,.filters .chip.active{background:var(--or)!important;border-color:var(--or)!important;color:var(--nuit)!important}
.search,.field input,.field select,.field textarea,input[type=text],input[type=email],input[type=password],textarea,select{
  background:var(--nuit-2)!important;color:var(--texte)!important;border:1px solid var(--trait)!important;border-radius:0!important}
.field label{color:var(--texte-doux)}
.count{color:var(--texte-doux)}

/* ---------- Pied de page ---------- */
footer{background:var(--nuit)!important;border-top:1px solid var(--trait);color:var(--texte-doux)}
.foot{font-family:var(--f-donnee);font-size:12px}
.foot a{color:var(--texte-doux)}
.foot a:hover{color:var(--or)}

/* ---------- Fiche œuvre (project-v22) ---------- */
.v22-site .proj-draft-banner,.v22-site .commerce-key-entry{background:var(--nuit-2)!important;color:var(--texte)}
.v22-site .project-affiche,.v22-site .project-video,.v22-site .portfolio-embed-viewer__toolbar,
.v22-site .portfolio-embed-notice,.v22-site .portfolio-embed-same-site,.v22-site .pdf-viewer__toolbar{background:var(--nuit-2)!important;color:var(--texte)}
.v22-site .project-affiche img{background:var(--nuit-3)!important}
.v22-site .portfolio-embed-viewer,.v22-site .portfolio-embed-viewer--inline .portfolio-embed-viewer__stage,
.v22-site .file-item,.v22-site .pdf-viewer,.v22-site .pdf-viewer__frame{background:var(--nuit-2)!important;border-color:var(--trait)!important}
.v22-site .pdf-viewer__canvas{background:#fff!important} /* une page de PDF reste blanche */
.v22-site .project-page .btn.ghost:hover,.v22-site .commerce-card-actions__link.btn.ghost:hover{background:transparent!important}
.v22-site .commerce-key-entry__field input{background:var(--nuit)!important}
.v22-site .pub-offers__table,.v22-site .pub-offers__table thead th{background:var(--nuit-2)!important;color:var(--texte)}
.v22-site .pub-offers__table tbody tr:hover td{background:var(--nuit-3)!important}
.v22-site .contact-form .formmsg{background:var(--nuit-2)!important}
.v22-site .back-link{color:var(--or)}
.v22-site .tag,.v22-site .project-serie{background:transparent!important;border:1px solid var(--trait);color:var(--or)!important;font-family:var(--f-donnee)}

/* ---------- Mentions héritées masquées (anciennes notes techniques) ---------- */
.v22-site .count code{background:transparent;color:var(--texte-doux)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.f26p-langue{max-width:1320px;margin:16px auto 0;padding-inline:var(--gouttiere);font-family:var(--f-donnee);font-size:12px;color:var(--or)}
/* Textes d'introduction des pages (catalogue, bio, contact) : bien lisibles sur fond nuit */
.v22-site .block .body{color:var(--texte)!important;opacity:1!important;font-size:17px;max-width:62ch}