.site-footer {
  width: 100%;
}

.footer-separator-image {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.footer-separator-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Il blocco viola del footer */
.footer-inner {
  position: relative;
  background-color: var(--footer-bg-color, #000000);
  border-radius: 0 0 0px 0px;

}


/* Il contenuto del footer resta come prima */
.footer-content-wrapper {
  padding: 90px 10px 2px;
  text-align: center;
  color: #ffffff;
}

.footer-top {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-bottom: 80px;
}

.footer-top-item {
  font-size: 20px;
  font-family: 'HAL Four Grotesk', sans-serif;
}

.footer-top-item a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-top-item a:hover,
.footer-top-item a:active {
  color: #BA66FF;
}

.footer-logo img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}


@media screen and (max-width: 768px) {

  .footer-top {
    flex-direction: column;
    gap: 0px;
  }

}