/* ======================= */
/*      MOBILE FOOTER      */
/* ======================= */

@media (max-width: 576px) {

  footer {
    text-align: center;
    padding: 50px 20px;
  }

  footer h5 {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }

  footer p,
  footer li,
  footer a {
    font-size: 0.95rem !important;
  }

  footer .row {
    gap: 35px; /* espace entre les colonnes */
  }

  footer .col-md-3 {
    text-align: center;
  }

  /* icônes centrées */
  footer .social-icons a {
    margin: 0 6px;
  }

  /* Sous-liste check-in / check-out */
  footer .check-times {
    display: inline-block;
    margin-top: 8px;
  }

  footer .check-times li {
    display: flex;
    justify-content: space-between;
    width: 180px;         /* largeur fixe pour un alignement parfait */
    margin: 0 auto;
    padding: 3px 0;
  }

  /* Animation : retard ajusté pour éviter un effet trop long sur mobile */
  
  @media (max-width: 576px) {
  .footer-col { animation-duration: 0.65s; }
  .footer-col:nth-child(1) { animation-delay: 0.06s; }
  .footer-col:nth-child(2) { animation-delay: 0.20s; }
  .footer-col:nth-child(3) { animation-delay: 0.34s; }
  .footer-col:nth-child(4) { animation-delay: 0.48s; }
}

  /* Bordure dorée : épaisseur réduite pour mobile */
  footer::before {
    height: 2px;
  }
}