/* ==========================================================================
   PAGE MENTIONS LÉGALES - POUR EMMA
   Ce fichier vient EN PLUS de assets/style.css
   ========================================================================== */

.legal-page{
  background:#fff;
}

.legal-hero{
  background:#f3f4f6;
  padding:78px 0 72px;
  border-bottom:1px solid #e6e8ec;
}

.legal-hero__eyebrow{
  margin:0 0 10px;
  color:var(--coral);
  font-size:16px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.legal-hero h1{
  margin:0 0 18px;
  color:var(--navy);
  font-size:48px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.035em;
}

.legal-hero p:last-child{
  max-width:760px;
  margin:0;
  color:#687083;
  font-size:18px;
  line-height:1.65;
  font-weight:300;
}

.legal-content{
  padding:82px 0 96px;
}

.legal-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}

.legal-card{
  background:#fff;
  border:1px solid #e6e8ec;
  border-radius:4px;
  padding:34px 36px;
  box-shadow:0 8px 26px rgba(16,34,77,.055);
}

.legal-card h2{
  position:relative;
  margin:0 0 23px;
  padding-bottom:15px;
  color:var(--navy);
  font-size:25px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.025em;
}

.legal-card h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:42px;
  height:3px;
  background:var(--coral);
}

.legal-card p{
  margin:0 0 16px;
  color:#596174;
  font-size:16.5px;
  line-height:1.75;
  font-weight:300;
}

.legal-card p:last-child{
  margin-bottom:0;
}

.legal-card strong{
  color:#30384a;
  font-weight:500;
}

.legal-card a{
  color:var(--coral);
  text-decoration:underline;
  text-underline-offset:3px;
}

.legal-card a:hover{
  color:var(--coral-dark);
}

.legal-card--attention{
  border-left:4px solid var(--coral);
  background:#fffafa;
}

/* Le lien "Mentions légales" du footer reste bien lisible. */
.footer-bottom a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
}

.footer-bottom a:hover{
  color:#fff;
}

@media (min-width:1060px){
  .legal-hero{
    padding:92px 0 84px;
  }

  .legal-hero__eyebrow{
    font-size:17px;
  }

  .legal-hero h1{
    font-size:56px;
  }

  .legal-hero p:last-child{
    font-size:19px;
  }

  .legal-content{
    padding:96px 0 112px;
  }

  .legal-card{
    padding:40px 42px;
  }

  .legal-card h2{
    font-size:28px;
  }

  .legal-card p{
    font-size:17px;
  }
}

@media (max-width:820px){
  .legal-hero{
    padding:58px 0 54px;
  }

  .legal-hero h1{
    font-size:39px;
  }

  .legal-hero p:last-child{
    font-size:16px;
  }

  .legal-content{
    padding:58px 0 72px;
  }

  .legal-layout{
    grid-template-columns:1fr;
    gap:20px;
  }

  .legal-card{
    padding:28px 26px;
  }

  .legal-card h2{
    font-size:23px;
  }

  .legal-card p{
    font-size:15px;
  }
}

@media (max-width:520px){
  .legal-hero{
    padding:44px 0 42px;
  }

  .legal-hero h1{
    font-size:34px;
  }

  .legal-content{
    padding:44px 0 58px;
  }

  .legal-card{
    padding:24px 21px;
  }
}