/* ================================================================
   KOOKIYA FLAVORS — legales.css
   Styles partagés par les pages secondaires sobres :
   /mentions-legales · /confidentialite · 404.
   ================================================================ */


/* ================================================================
   HERO LÉGALES — compact · Ivoire · typographique pur
   ================================================================ */

.legales-hero{
  min-height:40vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:var(--ivoire);
  padding-top:calc(var(--header-height) + clamp(48px, 8vh, 108px));
}

.legales-hero__inner{
  text-align:center;
  max-width:900px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
}

.legales-hero__titre{
  font-family:var(--font-titre);
  font-style:italic;
  font-weight:500;
  color:var(--encre);
  font-size:clamp(40px, 5vw, 56px);
  line-height:1.05;
  letter-spacing:-0.01em;
}


/* ================================================================
   CORPS LÉGALES — Ivoire · sections séparées par filets Turquoise
   ================================================================ */

.legales-corps{
  padding:clamp(80px, 10vh, 120px) var(--gutter);
  background:var(--ivoire);
}

.legales-corps__inner{
  max-width:760px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:48px;
}

.legales-section{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.legales-section__label{
  font-family:var(--font-corps);
  font-weight:500;
  font-size:11px;
  letter-spacing:var(--tracking-eyebrow);
  text-transform:uppercase;
  color:var(--turquoise);
}

.legales-section__corps{
  font-family:var(--font-corps);
  font-weight:300;
  font-size:16px;
  line-height:1.7;
  color:var(--encre);
}

.legales-section__corps p{
  margin:0 0 12px;
  text-align:justify;
  text-align-last:start;
  hyphens:none;
}
.legales-section__corps p:last-child{ margin-bottom:0; }

.legales-section__corps ul{
  list-style:none;
  padding:0;
  margin:0 0 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.legales-section__corps li{
  padding-left:20px;
  position:relative;
}
.legales-section__corps li::before{
  content:'—';
  position:absolute;
  left:0;
  color:var(--turquoise);
}

.legales-section__corps a{
  color:var(--turquoise);
  border-bottom:0.5px solid var(--turquoise);
  transition:opacity 0.3s var(--ease);
}
.legales-section__corps a:hover,
.legales-section__corps a:focus-visible{
  opacity:0.75;
}

/* Filet séparateur Turquoise entre sections · 60 px */
.legales-section__filet{
  display:block;
  width:60px;
  height:0.5px;
  background:var(--turquoise);
  opacity:0.6;
  margin-bottom:8px;
}


/* ================================================================
   PAGE 404 — Ivoire · centré · CTA primaire Safran + lien secondaire
   ================================================================ */

.erreur{
  min-height:60vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:var(--ivoire);
  padding-top:calc(var(--header-height) + clamp(48px, 8vh, 108px));
  text-align:center;
}

.erreur__inner{
  max-width:720px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:28px;
}

.erreur__titre{
  font-family:var(--font-titre);
  font-style:italic;
  font-weight:500;
  color:var(--encre);
  font-size:clamp(64px, 10vw, 120px);
  line-height:1;
  letter-spacing:-0.02em;
}

.erreur__soustitre{
  font-family:var(--font-corps);
  font-weight:300;
  font-size:18px;
  line-height:1.6;
  color:var(--encre);
  max-width:540px;
  text-align:center;
}

.erreur__actions{
  margin-top:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
}