/* =========================================================
   CIRKUL'R — PAGE MENTIONS LÉGALES
   Chargé uniquement sur mentions-legales.html, en plus de
   style.css.
   ========================================================= */

.mentions{
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(50px, 8vw, 90px) clamp(20px, 6vw, 40px) clamp(70px, 9vw, 110px);
}

/* ---------- En-tête de page ---------- */

.mentions__entete{
  text-align: center;
  margin-bottom: clamp(50px, 7vw, 80px);
}

.mentions__compagnie{
  font-family: var(--font-display);
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--or);
  margin-bottom: 0.8em;
}

.mentions__titre{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--parchemin);
  margin-bottom: 0.3em;
}

.mentions__sous-titre{
  font-family: var(--font-corps);
  font-style: italic;
  font-size: 1.1rem;
  color: var(--or-vif);
}

/* ---------- Sections de contenu ---------- */

.mentions__section{
  margin-bottom: clamp(36px, 5vw, 54px);
  padding-bottom: clamp(36px, 5vw, 54px);
  border-bottom: 1px solid rgba(217,179,96,0.15);
}

.mentions__section:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.mentions__h2{
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.15rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--or-vif);
  margin-bottom: 0.9em;
}

.mentions__section p{
  font-family: var(--font-corps);
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(243,233,214,0.85);
  margin-bottom: 0.6em;
}

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

.mentions__section a{
  color: var(--or);
  border-bottom: 1px solid rgba(217,179,96,0.4);
  transition: color 0.3s ease, border-color 0.3s ease;
}

.mentions__section a:hover,
.mentions__section a:focus-visible{
  color: var(--or-vif);
  border-color: var(--or-vif);
}