.contacts-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 2rem;

  display: grid;
  grid-template-columns: 2fr 3fr; /* texte / carte */
  gap: 3rem;
  align-items: center;
}

.contacts {
  color: var(--main-dark-color);
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  max-width: 420px;
}

.contacts li {
  padding: 10px 0;
}

.contacts a,
.contacts-adress {
  color: var(--main-dark-color);
  text-decoration: none;
  font-size: 1.6em;
}

.contacts a:hover {
  color: var(--secondary-blue-color);
  text-decoration-line: underline;
}

 .contacts-maillink::before {
  content: url('/public/img/deco/icons8-mail-30.png');
  position: relative;
  top: 0.3em;
  left: -10px;
}

.contacts-phonelink::before,
.contacts-whatsapplink::before,
.contacts-instagram::before,
.contacts-adress::before {
  position: relative;
  top: 10px;
  left: -10px;
}

.contacts-phonelink::before {
  content: url('/public/img/deco/icons8-phone-30.png');
}

.contacts-whatsapplink::before {
  content: url('/public/img/deco/icons8-whatsapp-30.png');
}

.contacts-instagram::before {
  content: url('/public/img/deco/icons8-instagram-30.png');
}

.contacts-adress::before {
  content: url('/public/img/deco/icons8-map-black-32.png');
}

/*Iframe style pour la carte*/
.map-wrapper {
  width: 80%;
  max-width: 800px;   /* largeur max de la carte */
  margin: 2rem auto; /* centre horizontalement */
}

.map-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 60%; /* format plus “présence” sur desktop */
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.map-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(100%) contrast(110%);
}

@media (max-width: 768px) {
  .contacts-container {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2rem 1.5rem;
  }
}