/* Style pour le logo dans le header */
.header-logo-container {
  display: flex;
  align-items: center;
  text-decoration: none !important;
}

.header-logo-image {
  width: 20rem;
  display: flex;
  align-items: center;
}

.header-logo-image img {
  border-radius: 30px;
}

/* Style pour les logos dans le footer */
.footer-global {
  text-align: center;
  margin-top: 60px;
  padding-top: 20px;
  border-top: 3px solid var(--pico-primary-hover-background);
}

.footer-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-bottom: 15px;
}

.footer-logo-item {
  height: 35px;
  width: auto;
  opacity: 0.6;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.footer-logo-item:hover {
  opacity: 1;
  transform: scale(1.05);
  transition: transform 0.5s ease;
}

/* Transition et Opacité douce */
.footer-logo-item {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.footer-logo-item:hover {
  opacity: 1;
}

@media (max-width: 1280px) {
  .header-logo-container {
    width: 15em;
  }
}