/* =========================================================================
   Ambre | Axis — Feuille de style des pages légales
   Cohérente avec index.html, optimisée pour la lecture longue.
   ========================================================================= */

:root{
  --noir:#0b0b0d;
  --noir-2:#121214;
  --noir-3:#1a1a1d;
  --or:#c9a86a;
  --or-clair:#e3cd9c;
  --creme:#f4f0e8;
  --creme-2:#cfc9bd;
  --gris:#8d887e;
  --ligne:rgba(201,168,106,.20);
  --ligne-2:rgba(244,240,232,.06);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--noir);color:var(--creme);font-family:var(--sans);
  font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;max-width:100%;
}
a{color:var(--or);text-decoration:none;transition:color .3s}
a:hover{color:var(--or-clair)}
.wrap{max-width:880px;margin:0 auto;padding:0 2rem}

/* --- Header simplifié pour les pages internes --- */
header{position:sticky;top:0;z-index:50;background:rgba(11,11,13,.94);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--ligne);padding:1.2rem 0}
.nav{display:flex;align-items:center;justify-content:space-between;
  max-width:1180px;margin:0 auto;padding:0 2rem;gap:1.5rem}
.brand{font-family:var(--serif);font-size:1.55rem;letter-spacing:.06em;
  color:var(--creme);display:flex;align-items:center;gap:.55rem}
.brand .bar{color:var(--or);font-weight:400}
.back{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--creme-2);display:inline-flex;align-items:center;gap:.6rem}
.back:hover{color:var(--or)}
.back::before{content:'←';color:var(--or);font-size:1.1rem}

/* --- Bandeau de titre --- */
.page-head{padding:6rem 0 4rem;text-align:center;position:relative;overflow:hidden;
  border-bottom:1px solid var(--ligne)}
.page-head::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(201,168,106,.10),transparent 60%);
  pointer-events:none}
.page-head .eyebrow{font-family:var(--sans);font-size:.7rem;font-weight:400;
  letter-spacing:.34em;text-transform:uppercase;color:var(--or);
  display:inline-block;margin-bottom:1.4rem;position:relative;z-index:1}
.page-head h1{font-family:var(--serif);font-weight:500;line-height:1.1;
  font-size:clamp(2.4rem,5vw,4rem);position:relative;z-index:1}
.page-head .updated{margin-top:1.2rem;color:var(--gris);font-size:.9rem;
  letter-spacing:.04em;position:relative;z-index:1}

/* --- Contenu principal --- */
main{padding:4.5rem 0 7rem}
main h2{font-family:var(--serif);font-weight:500;line-height:1.2;
  font-size:clamp(1.7rem,3vw,2.3rem);margin:3.5rem 0 1.4rem;color:var(--creme);
  padding-bottom:.8rem;border-bottom:1px solid var(--ligne)}
main h2:first-child{margin-top:0}
main h3{font-family:var(--serif);font-weight:500;line-height:1.3;
  font-size:1.35rem;margin:2.2rem 0 1rem;color:var(--or-clair)}
main p{color:var(--creme-2);margin-bottom:1.2rem;font-size:1.02rem}
main p strong{color:var(--creme);font-weight:400}
main ul,main ol{margin:1rem 0 1.4rem 0;padding-left:0;list-style:none}
main li{color:var(--creme-2);font-size:1rem;padding:.45rem 0;
  padding-left:1.6rem;position:relative;line-height:1.7}
main ul li::before{content:'—';position:absolute;left:0;color:var(--or);opacity:.7}
main ol{counter-reset:item}
main ol li{counter-increment:item}
main ol li::before{content:counter(item) '.';position:absolute;left:0;
  color:var(--or);font-family:var(--serif);font-weight:500}

/* --- Bloc d'identité (en haut des mentions légales) --- */
.identity-card{background:var(--noir-2);border:1px solid var(--ligne);
  padding:2rem 2.2rem;margin:1rem 0 2.5rem}
.identity-card dl{display:grid;grid-template-columns:auto 1fr;
  gap:.9rem 1.6rem;align-items:baseline}
.identity-card dt{color:var(--or);font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;font-weight:400}
.identity-card dd{color:var(--creme);font-size:1rem}
.identity-card a{color:var(--creme);border-bottom:1px solid var(--ligne)}
.identity-card a:hover{color:var(--or);border-color:var(--or)}

/* --- Placeholder visible pour infos manquantes --- */
.todo{display:inline-block;background:rgba(201,168,106,.12);
  border:1px dashed var(--or);color:var(--or-clair);
  padding:.18rem .65rem;font-size:.88rem;letter-spacing:.04em;
  font-style:italic;border-radius:2px}

/* --- Note d'avertissement (TVA, statut...) --- */
.note{background:rgba(244,240,232,.03);border-left:2px solid var(--or);
  padding:1.1rem 1.4rem;margin:1.4rem 0;color:var(--creme-2);font-size:.96rem;
  font-style:italic}

/* --- Footer simplifié --- */
footer{background:var(--noir);padding:3rem 0 2rem;
  border-top:1px solid var(--ligne);text-align:center}
footer .wrap{display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:1rem;color:var(--gris);font-size:.82rem}
footer a{color:var(--gris)}
footer a:hover{color:var(--or)}
.legal-links{display:flex;gap:1.6rem;flex-wrap:wrap}

/* --- Responsive --- */
@media(max-width:680px){
  .wrap{padding:0 1.4rem}
  .page-head{padding:4.5rem 0 3rem}
  main{padding:3rem 0 5rem}
  main h2{font-size:1.5rem;margin:2.6rem 0 1.2rem}
  main h3{font-size:1.2rem}
  .identity-card{padding:1.4rem 1.4rem}
  .identity-card dl{grid-template-columns:1fr;gap:.3rem}
  .identity-card dt{margin-top:.6rem}
  footer .wrap{justify-content:center;text-align:center}
}