/* ==========================================================================
   RBF — PAGES
   Specificites des pages internes. Aucune couleur sombre heritee : le hero
   interne est desormais un composant V8 (composants_v8.hero_interne_v8) qui
   declare son theme. Cette feuille ne corrige rien, elle complete.
   ========================================================================== */

/* --- hero interne : la scene est plus compacte que sur l'accueil --- */
.v8-hero--interne .v8-hero__in{ min-height:auto; padding-top:clamp(20px,2.6vw,40px); padding-bottom:clamp(24px,3vw,40px); }
.v8-hero--interne .v8-hero__titre{ font-size:clamp(30px,3.6vw,52px); }
.v8-hero--interne .v8-hero__titre em{ font-style:normal; color:var(--rbf-orange); }
.v8-hero--interne .v8-hero__sous{ font-size:clamp(15.5px,1.1vw,18px); }
.v8-hero__puces{ list-style:none; margin:18px 0 0; padding:0; display:grid; gap:8px; }
.v8-hero__puces li{ display:flex; align-items:flex-start; gap:9px; font-size:14.5px; color:var(--text-2); }
.v8-hero__puces svg{ flex:none; margin-top:2px; }
@media (max-width:1080px){
  .v8-hero--interne .v8-hero__scene{ order:-1; }
  .v8-hero--interne .v8-hero__scene svg{ max-height:280px; }
}

/* --- sections editoriales des pages internes --- */
.sec-graphite,.section--graphite{ background:var(--surface-2); color:var(--text); }
.entete-section{ display:flex; gap:18px; align-items:flex-start; margin-bottom:22px; }
.eyebrow{ display:inline-flex; align-items:center; gap:8px; font:700 12px/1 var(--font-sans);
  letter-spacing:.14em; text-transform:uppercase; color:var(--rbf-orange); }
.grille{ display:grid; gap:18px; }
.grille--2{ grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.grille--3{ grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.fait,.carte-fait{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-md); padding:16px; }
.avis,.bloc-avis{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--r-md); padding:18px; }