@media (max-width: 768px) {
  body {
    padding-top: 100px; /* si le menu mobile est plus haut */
  }
}
.footer {
  padding: 15px 0;
  font-size: 15px;
}

body {
  font-family: 'Merienda';
  font-size: 15px;
}

.nav-item {
  padding-right: 12px;
  padding-left: 12px;
}

.flag {
  max-height: 20px;
  max-width: 20px;
  margin-top: 10px;
}

.nav-link.active {
  background-color: lightgrey !important;
}

.reserve-container {
  position: relative;
}

.card-body {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.card-body:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.reserve-text {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-reserve {
  opacity: 0.4;
  max-height: 750px;
}

.carousel-caption {
  top: 40%;
}

.img-slider {
  min-height: 320px;
}

.navMenu {
  padding-top: 75px;
  padding-bottom: 20px;
}

.card-img-top {
  height: 200px;
}

.map {
  height: 320px;
}

.footer {
  margin-bottom: 30px;
  margin-top: 30px;
  padding-top: 20px;
}

footer {
  position: fixed;
  bottom: 0px;
  padding-top: 20px;
}

.social-icon {
  font-size: 28px;
}

.nav-link:hover {
  color: #0056b3; /* bleu foncé accessible */
}

/* Taille de police renforcée pour la lisibilité */
.nav-link,
.footer,
.footer p,
small,
li,
span {
  font-size: 1rem; /* 16px */
}

/* Visibilité mobile spécifique */
@media screen and (max-width: 1920px) {
  .only-mobile {
    visibility: hidden;
  }
}

@media screen and (max-width: 506px) {
  .only-mobile {
    visibility: visible;
  }
}

/* Responsive font-size pour mobiles */
@media screen and (max-width: 768px) {
  body {
    font-size: 1rem; /* 16px */
  }

  .nav-link,
  .footer,
  .footer p,
  small,
  li,
  span {
    font-size: 1rem;
  }
}