/* ============================================================
 * 10-page-terms.css — V_new_00.2
 * ------------------------------------------------------------
 * Page Conditions générales (legal).
 * Flow vertical libre, plus de wrapper #snap.
 * Le chrome (topbar, menu, canvas-bg, footer) est dans 00-base.css.
 * ============================================================ */

/* ── Scroll natif (override du 00-base.css qui forçait overflow:hidden
 *    pour les pages snap) ─────────────────────────────────────── */
html, body { overflow: auto; height: auto; }

/* ── Article wrapper ──────────────────────────────────────── */
.legal-page {
  position: relative;
  z-index: 10;                   /* au-dessus du canvas-bg fixed */
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  padding: 16vh 2rem 10vh;
  animation: fadeIn 1.2s ease forwards;
}

.legal-brand {
  font-family: 'Outfit', sans-serif; /* Italiana bannie (Lucas 17/07) */
  font-size: clamp(13px, 1.05vw, 17.5px);
  font-weight: 400;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: rgba(210,168,135,0.85);
  margin-bottom: 0.6em;
}
.legal-title {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(28px, 3.2vw, 52px);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.15;
  color: #fff;
  margin-bottom: 0.2em;
}
.legal-subtitle {
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(14px, 1.05vw, 17.5px);
  font-weight: 300;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.55);
  margin-bottom: 3em;
}

.legal-section { margin-bottom: 2.8em; }
.legal-section-title {
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(17.5px, 1.29vw, 22px);
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(210,168,135,1);
  margin-bottom: 0.8em;
  line-height: 1.3;
}
.legal-body {
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(15px, 1.03vw, 19px);
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.72;
  color: rgba(255,255,255,0.82);
}
.legal-body p { margin: 0 0 1em; }
.legal-body p:last-child { margin-bottom: 0; }
.legal-body ul {
  list-style: none;
  padding: 0;
  margin: 0.6em 0 1em;
}
.legal-body ul li {
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 0.35em;
  line-height: 1.65;
}
.legal-body ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(210,168,135,0.55);
}
.legal-body strong {
  font-weight: 500;
  color: rgba(255,255,255,0.95);
}
.legal-body a {
  color: rgba(210,168,135,1);
  text-decoration: none;
  transition: color 0.3s ease;
}
.legal-body a:hover { color: rgba(255,235,210,1); }
.legal-divider {
  width: 40px;
  height: 1px;
  background: rgba(255,255,255,0.10);
  margin: 3.5em 0;
}

/* ── Tablette ──────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .legal-page { padding: 14vh 2.5rem 8vh; }
}

/* ── Mobile ────────────────────────────────────────────────── */
@media (max-width: 720px) {
  .legal-page { padding: 14vh 1.4rem 6vh; max-width: 100%; }
  .legal-title { font-size: clamp(28px, 8.2vw, 42px); }
  .legal-body { font-size: clamp(16.5px, 4.4vw, 19px); line-height: 1.75; }
  .legal-section-title { font-size: clamp(17.5px, 4.9vw, 21px); }
}