/* ===== Galerie Zoombox ===== */

.gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px;
}

.gallery a {
  width: 200px;
  height: 200px;
  margin: 10px;
  display: block;
}

.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  max-width: 500px;
}

.contact-form button {
  padding: 8px 20px;
  cursor: pointer;
}

.alert.success {
  color: #2e7d32;
}

.alert.error {
  color: #c62828;
}

/* Décaler le texte du header sans toucher au logo */
.logo h1.heading-small {
    position: relative;   /* permet de bouger le texte indépendamment */
    top: 10px;            /* espace au-dessus du texte */
}

/* Ajuste éventuellement le lien interne */
.logo h1.heading-small a {
    display: inline-block; /* nécessaire si on veut padding ou margin */
    line-height: 1.2em;    /* réduit les collisions avec le logo */
}


@media (max-width: 768px) {
  .gallery {
    justify-content: center;
  }

  .gallery a {
    width: 45vw;
    height: 45vw;
    max-width: 200px;
    max-height: 200px;
  }
  .logo h1.heading-small {
    top: 10px;
  }
}

@media (min-width: 64rem) {
    .logo h1.heading-small {
        top: 10px;
    }
}

/* --- Sidebar réseaux sociaux --- */

.social-links {
	margin: 0;
	padding: 0;
}

.social-links li {
	margin-bottom: 1rem;
}

.social-links a {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	color: #258fd6;
	text-decoration: none;
	font-size: 1.4rem;
}

.social-links a:hover {
	color: #000;
}

.social-icon {
	width: 20px;
	height: 20px;
	fill: currentColor;
	flex-shrink: 0;
}

/* --- enleve le titre de la page d'accueil --- */


body.home .article.static > header {
	display: none;
}