/* =========================================================================
   EPICVIEW — Pages légales (legal.css)
   Mentions légales & Politique de confidentialité — contenu simple, responsive.
   ========================================================================= */

.ev-legal-hero { text-align: center; padding-block: clamp(4rem, 10vh, 7rem) clamp(1.4rem, 4vh, 2.2rem); }
.ev-legal-eyebrow {
  display: inline-block; font-size: .74rem; letter-spacing: .34em; text-transform: uppercase;
  color: var(--ev-red-lite); margin-bottom: 1.1rem; padding: .4rem .95rem;
  border: 1px solid rgba(164,0,0,.5); border-radius: 100px; background: rgba(164,0,0,.08);
}
.ev-legal-hero h1 {
  font-size: clamp(2rem, 5.6vw, 3.4rem); font-weight: 800; line-height: 1.06; letter-spacing: -.02em;
  background: linear-gradient(180deg, #fff 32%, #9a9aa6 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.ev-legal-updated { margin-top: 1rem; font-size: .78rem; color: var(--ev-grey-dim); letter-spacing: .02em; }

.ev-legal-body {
  max-width: 760px; margin: 0 auto;
  padding-block: clamp(1rem, 3vw, 1.5rem) clamp(4rem, 8vw, 6rem);
}
.ev-legal-body section { margin-bottom: clamp(2rem, 5vw, 2.8rem); }
.ev-legal-body h2 {
  font-size: clamp(1.1rem, 2.4vw, 1.35rem); font-weight: 700; color: #fff;
  margin-bottom: .8rem; padding-bottom: .6rem; border-bottom: 1px solid var(--ev-line);
}
.ev-legal-body p, .ev-legal-body li {
  color: var(--ev-grey); font-size: .98rem; line-height: 1.75;
}
.ev-legal-body p + p { margin-top: .8rem; }
.ev-legal-body ul { margin-top: .6rem; padding-left: 1.2rem; }
.ev-legal-body li { margin-bottom: .4rem; }
.ev-legal-body li::marker { color: var(--ev-red-lite); }
.ev-legal-body a { color: var(--ev-red-lite); text-decoration: underline; text-underline-offset: .15em; }
.ev-legal-body a:hover { color: #fff; }
.ev-legal-body strong { color: #fff; font-weight: 600; }

.ev-legal-note {
  margin-top: .6rem; padding: .8rem 1rem; border-radius: 10px;
  border: 1px dashed rgba(255,255,255,.2); background: rgba(255,255,255,.03);
  font-size: .85rem; color: var(--ev-grey-dim);
}

@media (max-width: 560px) {
  .ev-legal-body h2 { font-size: 1.08rem; }
  .ev-legal-body p, .ev-legal-body li { font-size: .92rem; }
}