/* ══ ArtiZi·OM BUREAU · RACCORD du nouvel en-tête avec les ANCIENNES pages du bureau (outils/pages_fantome.py) ══
   Seulement ce qu'il faut pour qu'une ancienne page vive sous le nouvel en-tête (76 px, fixe) ; tout le reste de la page est inchangé.
   Chargé APRÈS les styles de la page. Un changement de ce fichier = changer V_RACCORD dans pages_fantome.py (numéro ?v=).
   v1 (14 octobre) : fiches produit. v2 (14 octobre) : Galerie, pages Stages, Philosophie (en-tête noir des pages sombres).
   v3 (14 octobre, 13 h 30, Boris) : bandeau crème sur les fiches et les pages Stages, noir sur les pages galerie (Divine, La Spirale),
   gris foncé sur Philosophie. v4 (14 octobre, 14 h 35) : Conditions de vente (« ← Retour »). v5 : transparent dans le hero.
   v6 (14 octobre, audit FR) : panneau ✦ qui défile, vignette « Vidéo » vide masquée, crédit photo sans lien.
   v7 (17 octobre, Boris : « le bandeau ne change pas de couleur quand on survole ») : Philosophie, l'en-tête transparent le reste au survol. */

/* ── Bouton propre à la page (« ✦ Catalogue » des fiches et de la Galerie, « ✦ Menu » des pages Stages) ── */
/* il est dans l'en-tête, juste à gauche du panier (son style reste celui de la page) */
.az-droite .explorer-btn{flex:none;}
/* dans l'en-tête noir (ou transparent sur une page sombre) : texte clair, comme l'ancien menu sur ces pages */
.az-entete.sombre .explorer-btn{background:rgba(247,243,236,.06);border-color:rgba(247,243,236,.45);}
.az-entete.sombre .explorer-btn:hover{background:rgba(200,169,110,.18);border-color:#c8a96e;}
.az-entete.sombre .explorer-btn-txt{color:#f7f3ec;}
/* dans l'en-tête crème : texte foncé, même sur une page sombre (pages Stages : la page l'écrivait en clair pour son ancien menu) */
.az-entete:not(.sombre) .explorer-btn-txt{color:#2a1f10;}
/* son panneau s'ouvre juste sous l'en-tête, calé à droite comme lui (avant : sous l'ancien menu, 72 px du haut, 38 px du bord) */
body .explorer-panneau{top:calc(76px + 12px);right:clamp(28px,4.4vw,64px);}

/* ── « ← Divine », « ← La Spirale », « ← Collection », « ← Stage » : juste sous l'en-tête, aligné sur le logo
   (avant : 74 ou 80 px du haut, 38 px du bord) ── */
body .retour{top:calc(76px + 10px);left:clamp(28px,4.4vw,64px);}

/* ── Philosophie : le fondu sombre du haut de page (.ph-topfade, z 80) passait AU-DESSUS de l'en-tête (z 50) ;
   il était fait pour passer sous l'ancien menu (z 82) : il repasse sous l'en-tête, toujours au-dessus du contenu ── */
body .ph-topfade{z-index:49;}

/* ── Philosophie : bandeau GRIS FONCÉ, le gris de la page (Boris, 14 octobre) ; son étage aussi ── */
body[data-entete-gris] .az-entete.sombre,body[data-entete-gris] .az-entete.sombre .az-etage{background:#201c15;}
body[data-entete-gris] .az-entete.sombre{border-bottom-color:rgba(200,169,110,.16);}

/* ── Divine (page galerie) : le voile crème du haut de page (.nav-voile) servait de fond à l'ancien menu transparent ;
   sous le bandeau noir plein, il n'a plus lieu d'être ── */
body .nav-voile{display:none;}

/* ── Conditions de vente : « ← Retour » juste sous l'en-tête, aligné sur le logo (avant : 76 px du haut, 38 px du bord) ── */
body .retour-haut{top:calc(76px + 10px);left:clamp(28px,4.4vw,64px);}

/* ── v5 (14 octobre, 14 h 49, Boris) : bandeau TRANSPARENT dans le hero (Stages, Stage privé et collectif, Philosophie, Divine,
   La Spirale ; socle.js v7). Philosophie : son gris ne doit pas recouvrir le hero ; v7 : son étage non plus (rien ne change au survol). ── */
body[data-entete-gris] .az-entete.transparent.sombre{background:rgba(32,28,21,0);}
body[data-entete-gris] .az-entete.transparent .az-etage{background:transparent;border-color:transparent;}

/* ── v6 (14 octobre, audit FR, réponses de Boris) ── */
/* panneau ✦ : jamais plus haut que l'écran (sous le bandeau, 12 px de marge en bas) ; plus long (fiches Divine, liste dépliée),
   il défile en lui-même, à la molette (le script des fiches le laisse faire) */
body .explorer-panneau{max-height:calc(100vh - 76px - 24px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(200,169,110,.55) transparent;}
/* vignette « Vidéo » encore sans vidéo (data-video="vide") : masquée ; elle reviendra dès qu'une vidéo est branchée sur la fiche */
body .vignette[data-video="vide"]{display:none;}
/* crédit photo qui n'est plus un lien (Stages : « Corinne à l'atelier ») : il ne change plus de couleur au survol */
body a.resp-credit:not([href]):hover{color:rgba(42,31,16,.5);}