/*********************************/
/******** FOOTER AMB *************/
/*********************************/
/******** FOOTER PRO *************/
/*********************************/

.footer-pro {
  margin-top: 3rem;
  background: #3c3c3b;
  color: white;
  padding: 0.75rem 1.5rem;
  font-family: 'Akrobat', sans-serif;
}

.footer-pro-content {
  max-width: 1400px;
  margin: auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;

  flex-wrap: wrap;
}

.footer-info {
  font-size: 0.9rem;
  color: #d8d8d8;
}
.footer-info a {
  font-size: 0.9rem;
  color: #ec6608;
  text-decoration:none;
}

.footer-contact {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.footer-action {
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background: rgba(255,255,255,0.08);

  color: white;
  text-decoration: none;

  transition:
    transform 0.2s ease,
    background 0.2s ease;
}

.footer-action:hover {
  transform: translateY(-2px);
  background: #ec6608;
}

/* couleurs réseaux */

.footer-action.facebook:hover {
  background: #1877f2;
}

.footer-action.linkedin:hover {
  background: #0a66c2;
}

.footer-action.instagram:hover {
  background: #d62976;
}

/******** MOBILE ********/

@media (max-width: 768px) {

  .footer-pro-content {
    flex-direction: column;
    text-align: center;
  }

  .footer-contact {
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer-info {
    font-size: 0.8rem;
    line-height: 1.4;
  }
}