/* ═══ Complément aux pages secondaires ═══
   Le gros (nav, hero, sections, carte, footer, animations) vient de site.css.
   Ici uniquement ce qui n'existe pas sur l'accueil : fil d'ariane, FAQ, cartes de liens. */

/* fil d'ariane */
.crumb{
  font-size:12px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--mut);margin-bottom:20px;font-weight:600;
}
.crumb a{color:var(--or);border-bottom:1px solid rgba(224,169,78,.4);padding-bottom:1px}
.crumb a:hover{color:var(--feu2);border-color:var(--feu2)}

/* hero raccourci des pages secondaires : même décor, hauteur réduite */
.hero.hero-page{min-height:min(78svh,720px)}
.hero.hero-page .hero-inner{grid-template-columns:1fr;max-width:1000px}
.hero.hero-page .hero-sub{max-width:64ch}

/* FAQ */
.faq{max-width:860px}
.faq details{border-bottom:1px solid rgba(245,230,208,.1)}
.faq summary{
  padding:22px 40px 22px 0;cursor:pointer;list-style:none;position:relative;
  font-family:var(--serif);font-size:clamp(18px,2.1vw,21px);font-weight:700;
  color:var(--creme);letter-spacing:-.01em;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:'+';position:absolute;right:8px;top:19px;
  font-size:26px;color:var(--feu);font-weight:300;transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details > p{
  padding:0 0 24px;color:var(--creme2);font-size:16px;
  line-height:1.8;font-weight:300;max-width:70ch;
}

/* cartes de liens vers les autres pages */
.xlinks{
  display:grid;gap:16px;margin-top:clamp(40px,6vw,64px);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.xlink{
  display:block;padding:26px 28px;border-radius:16px;text-decoration:none;
  background:var(--noir2);border:1px solid rgba(245,230,208,.09);
  transition:border-color .3s,transform .3s;
}
.xlink b,.xlink span{text-decoration:none}
.xlink:hover{border-color:rgba(232,84,47,.45);transform:translateY(-3px)}
.xlink b{
  display:block;font-family:var(--serif);font-size:21px;font-weight:800;
  margin-bottom:6px;color:var(--creme);letter-spacing:-.01em;
}
.xlink span{font-size:14px;color:var(--mut);font-weight:300;line-height:1.6}

/* pied de page : rangée de liens internes */
.foot-nav{
  display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;
  font-size:12px;color:rgba(185,156,123,.65);
}
.foot-nav a{text-decoration:none;border-bottom:1px solid transparent}
.foot-nav a:hover{color:var(--feu2);border-color:currentColor}

/* le fil d'ariane et les liens de texte gardent leur soulignement discret */
.crumb a{text-decoration:none}