/* La Baraque TV — pages de texte (mentions légales…) : lecture confortable, charte du site */

.page-texte {
  margin: 0;
  background: #1d1613;
  color: #e6dcd4;
  font-family: var(--f-texte);
  line-height: 1.65;
}

.page-texte__entete {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px clamp(16px, 3vw, 40px);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.page-texte__logo img { display: block; width: clamp(170px, 20vw, 260px); height: auto; }
.page-texte__retour,
.page-texte__pied a {
  font-family: var(--f-menu);
  font-size: .95rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.page-texte__retour:hover, .page-texte__retour:focus-visible,
.page-texte__pied a:hover, .page-texte__pied a:focus-visible { color: var(--orange-vif); outline: none; }

.page-texte__contenu {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(32px, 6vh, 64px) clamp(16px, 5vw, 32px) clamp(40px, 8vh, 80px);
  font-size: clamp(1rem, .95rem + .2vw, 1.1rem);
}
.page-texte__surtitre {
  margin: 0 0 .6rem;
  font-family: var(--f-menu);
  font-weight: 500;
  font-size: .95rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--orange-vif);
}
.page-texte h1 {
  margin: 0 0 .3em;
  font-family: var(--f-menu);
  font-weight: 500;
  font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3rem);
  line-height: 1.1;
  color: #fff;
}
.page-texte__maj { margin: 0 0 1.8em; font-size: .92rem; color: #bfb1a6; }
.page-texte__sommaire {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0 0 2.4rem;
}
.page-texte__contenu .page-texte__sommaire a {
  padding: .35em .9em;
  font-size: .92rem;
  color: #fff;
  text-decoration: none;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
}
.page-texte__contenu .page-texte__sommaire a:hover, .page-texte__contenu .page-texte__sommaire a:focus-visible { color: #fff; background: var(--orange); border-color: var(--orange); outline: none; }

.page-texte section { scroll-margin-top: 24px; padding-top: .4rem; }
.page-texte h2 {
  margin: 2.2em 0 .6em;
  font-family: var(--f-menu);
  font-weight: 500;
  font-size: clamp(1.3rem, 1.1rem + .6vw, 1.6rem);
  color: #fff;
}
.page-texte p { margin: 0 0 1em; }
.page-texte ul { margin: 0 0 1em; padding-left: 1.2em; }
.page-texte li { margin-bottom: .45em; }
.page-texte strong { color: #fff; font-weight: 600; }
.page-texte__contenu a { color: var(--orange-vif); text-underline-offset: 2px; }
.page-texte__contenu a:hover { color: #fff; }

/* Informations à fournir par l'association : bien visibles tant qu'elles ne sont pas remplies */
.a-completer {
  padding: 0 .3em;
  color: #ffb27a;
  background: rgba(239,106,26,.12);
  border: 1px dashed rgba(239,106,26,.7);
  border-radius: 4px;
}

.page-texte__pied {
  padding: 28px clamp(16px, 5vw, 64px) 40px;
  text-align: center;
  font-size: .9rem;
  color: #bfb1a6;
  background: #120d0b;
  border-top: 1px solid rgba(255,255,255,.07);
}
.page-texte__pied p { margin: .3em 0; }