/* CARAVELLI V91 — pages légales (mentions-legales.html, confidentialite.html) */
:root{--lg-ink:oklch(.2161 calc(var(--ol-c-body)*.637) var(--ol-h));--lg-bordeaux:oklch(.2938 calc(var(--ol-c-jade)*.564) var(--ol-h-jade));--lg-bg:oklch(.9807 calc(var(--ol-c-body)*.057) var(--ol-h-pap));--lg-line:oklch(.2161 calc(var(--ol-c-body)*.637) var(--ol-h) / .14)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.legal{margin:0;background:var(--lg-bg);color:var(--lg-ink);font:400 1.02rem/1.7 "Lora",Georgia,serif}
.lg-head{padding:34px 24px 26px;border-bottom:1px solid var(--lg-line);text-align:center}
.lg-head a{font-family:"Cinzel",serif;font-size:1.05rem;letter-spacing:.34em;color:var(--lg-ink);text-decoration:none}
.lg-wrap{max-width:760px;margin:0 auto;padding:56px 24px 72px}
.lg-kicker{font-family:"Inter",sans-serif;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--lg-bordeaux);margin:0 0 14px}
h1{font-family:"Playfair Display",serif;font-weight:500;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2;margin:0 0 34px}
h2{font-family:"Playfair Display",serif;font-weight:500;font-size:1.28rem;margin:44px 0 12px}
p,li{margin:0 0 14px}
ul{padding-left:20px;margin:0 0 14px}
a{color:var(--lg-bordeaux)}
.lg-note{background:#fff;border:1px solid var(--lg-line);border-left:3px solid var(--lg-bordeaux);padding:14px 18px;font-size:.92rem;margin:22px 0}
.lg-foot{border-top:1px solid var(--lg-line);padding:26px 24px 40px;text-align:center;font-family:"Inter",sans-serif;font-size:.8rem;letter-spacing:.04em}
.lg-foot a{margin:0 10px;color:var(--lg-ink)}


/* ═══ Intégration au site — fusionné depuis la couche haute couture ═══ */

/* ---------------------------------------------------------------------------
   9 bis. PAGES LÉGALES

   mentions-legales.html et confidentialite.html employaient legal.css seul :
   fond blanc, sans en-tête de Maison, sans navigation, sans traduction. Elles
   n'appartenaient visuellement pas au site — un visiteur y atterrissait
   ailleurs.

   On ne les recharge pas de tout l'appareillage de l'accueil : une page
   réglementaire doit rester sobre et rapide. Mais elle porte la même nuit,
   la même typographie, le même filet d'or.

   Le texte juridique reste en français : traduire des clauses de
   responsabilité relève de l'avocat, pas du moteur du site.
------------------------------------------------------------------------- */

body.legal{
  --hc-champagne   : oklch(.668 .098 84.7);
  --hc-champagne-hi: oklch(.812 .086 86);
  --hc-champagne-lo: oklch(.905 .048 87);
  --hc-nuit-abysse : oklch(.118 .026 254);
  --hc-veil-22: color-mix(in oklch, var(--hc-champagne) 22%, transparent);
  --hc-veil-38: color-mix(in oklch, var(--hc-champagne) 38%, transparent);

  background: var(--hc-nuit-abysse);
  color     : oklch(.868 .010 250);
}

body.legal .lg-head{
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  gap            : 20px;
  padding        : 26px clamp(22px, 4.2vw, 70px);
  border-bottom  : 1px solid var(--hc-veil-22);
  background     : transparent;
}
body.legal .lg-logo{
  display        : flex;
  flex-direction : column;
  gap            : 2px;
  text-decoration: none;
}
body.legal .lg-logo-n{
  font-family   : "Bodoni Moda", Georgia, serif;
  font-size     : 15px;
  letter-spacing: .18em;
  color         : oklch(.955 .006 250);
}
body.legal .lg-logo-s{
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style : italic;
  font-size  : 13px;
  color      : var(--hc-champagne-hi);
}
body.legal .lg-retour{
  font-family   : Inter, system-ui, sans-serif;
  font-size     : 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color         : var(--hc-champagne-hi);
  text-decoration: none;
  padding       : 9px 18px;
  border        : 1px solid var(--hc-veil-38);
  border-radius : 999px;
  transition    : border-color .45s cubic-bezier(.19,1,.22,1),
                  color .45s cubic-bezier(.19,1,.22,1);
}
body.legal .lg-retour:hover{
  border-color: var(--hc-champagne);
  color       : var(--hc-champagne-lo);
}

body.legal .lg-wrap{
  max-width    : 74ch;
  margin-inline: auto;
  padding      : clamp(48px, 8vh, 96px) clamp(22px, 4.2vw, 70px) 120px;
}
body.legal .lg-kicker{
  font-family   : Inter, system-ui, sans-serif;
  font-size     : 10px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color         : var(--hc-champagne-hi);
  margin        : 0 0 14px;
}
body.legal h1{
  font-family: "Bodoni Moda", Georgia, serif;
  font-size  : clamp(34px, 4.6vw, 58px);
  line-height: 1.05;
  color      : oklch(.965 .006 250);
  margin     : 0 0 40px;
  text-wrap  : balance;
}
body.legal h1::after{
  content   : "";
  display   : block;
  width     : 84px;
  height    : 1px;
  margin-top: 26px;
  background: linear-gradient(90deg, var(--hc-champagne), transparent);
}
body.legal h2{
  font-family   : "Cormorant Garamond", Georgia, serif;
  font-size     : clamp(21px, 2.1vw, 27px);
  color         : var(--hc-champagne-lo);
  margin        : 52px 0 14px;
  letter-spacing: .005em;
}
body.legal p,
body.legal li{
  font-family: Lora, Georgia, serif;
  font-size  : 16px;
  line-height: 1.78;
  max-width  : 68ch;
  color      : oklch(.855 .010 250);
  text-wrap  : pretty;
}
body.legal a{
  color                : var(--hc-champagne-hi);
  text-underline-offset: 3px;
  text-decoration-color: var(--hc-veil-38);
}
body.legal a:hover{ color: var(--hc-champagne-lo) }