/* ==========================================================================
   STYLES SPÉCIFIQUES - PAGES D'ALBUMS ET VISITES DE LIEUX
   ========================================================================== */

/* Conteneur global de la page de visite */
.album-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1rem;
}

/* En-tête de la page */
.album-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
  width: 100%;
}

/* Image titre du lieu */
.title-banner-img {
  max-width: 600px;
  width: 100%;
  height: auto;
  border: 0;
  margin-bottom: 1rem;
}

/* Cadre d'avertissement de confidentialité */
.warning-box {
  max-width: 800px;
  width: 100%;
  color: var(--text-muted);
  text-align: justify;
}

.warning-box p {
  margin: 0;
}

/* Bloc de texte narratif */
.text-block {
  max-width: 800px;
  width: 100%;
  text-align: justify;
  margin-bottom: 1.5rem;
}

.text-block p {
  margin: 0 0 1rem 0;
}

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

/* Alignement centré pour les petites introductions de sections */
.text-center {
  text-align: center;
}

/* Galerie de photos empilées */
.photo-gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  margin-bottom: 1.5rem;
}

/* Adaptation automatique de toutes les photos */
.photo-gallery img {
  max-width: 1000px;
  width: 100%;
  height: auto;
  display: block;
  border: 0;
}

/* Liens d'images dans la galerie */
.photo-gallery a {
  display: block;
  max-width: 1000px;
  width: 100%;
}

/* Pied de page de la visite et liens connexes */
.album-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  margin-top: 1.5rem;
}

.related-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.related-links img {
  max-width: 600px;
  width: 100%;
  height: auto;
  border: 0;
}

.contact-link img {
  max-width: 208px;
  width: 100%;
  height: auto;
  border: 0;
}