/* =========================================================
   ELYMA Services - Stylesheet pages légales / contenu long
   ========================================================= */

.legal-page{
  background:var(--ivory);
}

.legal-main{
  padding:140px 0 80px;
}

.legal-container{
  max-width:820px;
  margin:0 auto;
}

.legal-header{
  text-align:center;
  margin-bottom:64px;
  padding-bottom:48px;
  border-bottom:1px solid var(--line);
}

.legal-header h1{
  font-family:var(--font-display);
  font-size:clamp(36px,5vw,52px);
  font-weight:500;
  color:var(--navy);
  margin:18px 0 12px;
  letter-spacing:-0.5px;
}

.legal-updated{
  font-size:13px;
  color:var(--text-muted);
  text-transform:uppercase;
  letter-spacing:1.5px;
}

.legal-section{
  margin-bottom:48px;
}

.legal-section h2{
  font-family:var(--font-display);
  font-size:24px;
  font-weight:500;
  color:var(--navy);
  margin-bottom:18px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}

.legal-section h3{
  font-family:var(--font-body);
  font-size:16px;
  font-weight:600;
  color:var(--navy);
  margin:24px 0 10px;
}

.legal-section p{
  color:var(--text-soft);
  font-size:15px;
  line-height:1.75;
  margin-bottom:14px;
}

.legal-section ul{
  margin:14px 0 18px 24px;
  padding:0;
}

.legal-section ul li{
  list-style:disc;
  color:var(--text-soft);
  font-size:15px;
  line-height:1.75;
  margin-bottom:6px;
}

.legal-section ul li strong{
  color:var(--navy);
}

.legal-section a{
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .25s var(--ease);
}

.legal-section a:hover{
  border-bottom-color:var(--gold);
}

.legal-note{
  background:var(--cream);
  border-left:3px solid var(--gold);
  padding:14px 18px;
  font-size:14px;
  color:var(--text-soft);
  font-style:italic;
  margin-top:16px !important;
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}

/* Page merci (confirmation envoi) */
.thanks-page{
  background:var(--ivory);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:140px 24px 80px;
  text-align:center;
}

.thanks-card{
  max-width:560px;
  background:var(--white);
  padding:64px 48px;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  border:1px solid var(--line);
}

.thanks-icon{
  width:80px;
  height:80px;
  margin:0 auto 24px;
  border-radius:50%;
  background:var(--green-light, #E8F8EF);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold);
}

.thanks-icon svg{width:40px;height:40px}

.thanks-card h1{
  font-family:var(--font-display);
  font-size:32px;
  font-weight:500;
  color:var(--navy);
  margin-bottom:14px;
}

.thanks-card p{
  color:var(--text-soft);
  font-size:16px;
  line-height:1.7;
  margin-bottom:24px;
}

.thanks-card .btn{
  margin-top:14px;
}

@media (max-width:768px){
  .legal-main{padding:100px 0 60px}
  .legal-section h2{font-size:20px}
  .legal-section p,
  .legal-section ul li{font-size:14px}
  .thanks-card{padding:48px 28px}
}