/* =====================================================================
   LOJONA STUDIO - feuille des pages interieures
   Pages legales, confirmation d'envoi et page d'erreur.
   ===================================================================== */

.zone-lecture {
  max-width: 52rem;
}

/* ---------------------------------------------------------------- fil d'ariane */
.fil-ariane {
  max-width: 52rem;
  padding-top: 2rem;
}

.fil-ariane-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.95rem;
}

/* ---------------------------------------------------------------- texte legal */
.texte-legal {
  padding-block: 2rem 5rem;
}

.texte-legal h1 {
  color: var(--rouge);
  font-size: clamp(2.2rem, 4vw, 3.25rem);
}

.texte-legal h2 {
  margin-top: 2.5rem;
  color: var(--rouge);
  font-size: 1.5rem;
}

.texte-legal p,
.texte-legal ul {
  margin-top: 1rem;
}

.texte-legal li {
  padding-left: 1.25rem;
  background: linear-gradient(var(--orange), var(--orange)) 0 0.7em / 0.5rem 0.5rem no-repeat;
}

.texte-legal li:not(:first-child) {
  margin-top: 0.35rem;
}

.texte-legal .groupe-boutons {
  margin-top: 3rem;
}

/* ---------------------------------------------------------------- pages breves */
.page-breve {
  padding-block: clamp(4rem, 10vw, 8rem);
  text-align: center;
}

.page-breve-titre {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--rouge);
  font-size: clamp(2.2rem, 4.5vw, 3.75rem);
}

.page-breve-titre .etoile {
  color: var(--orange);
}

.page-breve-texte {
  max-width: 36rem;
  margin: 1.5rem auto 0;
  font-size: 1.15rem;
}

.groupe-centre {
  justify-content: center;
  margin-top: 2rem;
}