/* ============================================================
   BIBLIOTHÈQUE — état temporaire « bientôt disponible »
   L'ancienne page (bandeau image, navigation flottante, sections de cartes) est retirée le
   temps d'être refaite. Elle était entièrement statique et reste dans l'historique git.
   Même grammaire que la page annuaire (company-annuaire.css).
   ============================================================ */

/* padding-top: 16px — aligne le texte sur celui de l'annuaire, dont le <main> porte le même
   décalage (.annuaire-main). Sans lui, la bibliothèque démarrait 16px plus haut. */
.bibliotheque-soon { padding-top: 16px; }

.bibliotheque-soon-inner {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  /* ↓ LES DEUX RÉGLAGES À MODIFIER ↓
     margin-top    = espace entre le header et le titre
     margin-bottom = espace entre le texte et le footer
     1vh = 1 % de la hauteur de l'écran. Mettre des px pour une valeur fixe (ex : 80px). */
  margin-top: 12vh;
  margin-bottom: 30vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.bibliotheque-soon-title {
  font-family: "The Bigmouth Regular", sans-serif;
  font-size: 40px;
  font-weight: bold;
  color: var(--color-text);
  margin: 0;
}

.bibliotheque-soon-text {
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text);
  margin: 0;
}

.bibliotheque-soon-links { font-family: "Archivo", sans-serif; font-size: 13px; margin: 0; }
.bibliotheque-soon-links a       { color: var(--color-text); text-decoration: underline; }
.bibliotheque-soon-links a:hover { color: var(--color-main); }

@media (max-width: 600px) {
  .bibliotheque-soon-inner { margin-top: 8vh; margin-bottom: 16vh; }
  .bibliotheque-soon-title { font-size: 30px; }
}