/* LOGHI LATERALI */
.footer-logo{
  opacity: 0.75;
  width: 80px;        /* regola qui la dimensione */
  height: auto;
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.15));
  transition: all 1s ease;
}

.footer-logo:hover{
  transform: translateY(-6px);
  opacity: 1;
}

.footer-left, .footer-right{
  transition: all 1s ease;
}

.footer-left:hover{
  transform: rotate(-1deg) scale(1.02);
}

.footer-right:hover{
  transform: rotate(1deg) scale(1.02);
}

.site-footer{
  background: #121223;
  padding: 55px 0 45px;
}

.footer-inner{
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 80px;

  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.footer-left{ justify-self: start; }
.footer-right{ justify-self: end; }

.footer-center{
  text-align: center;
}

.footer-socials{
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-bottom: 14px;
}

.footer-socials a{
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-bottom: 14px;
    transition: all 1s ease;
}

.footer-copy a:link, a:visited
{
    color: rgb(255, 255, 255);
    text-decoration: none; 
}

.footer-socials a:link,
a:visited {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.footer-socials i{
  font-size: 26px;
  color: rgba(255,255,255,0.9);
  text-shadow: 0 0 8px rgba(255,255,255,0.25);
}

.nav-links a:link, a:visited
{
    color: rgb(255, 255, 255);
    text-decoration: none; 
}

.footer-socials i:hover{
  transform: translateY(-3px);
  color: #ffd200; /* giallo tema */
    transition: all 1s ease;
text-shadow:
    0 0 4px rgba(255,210,0,0.9),
    0 0 10px rgba(255,210,0,0.55),
    0 0 22px rgba(255,210,0,0.25);
    animation: navFlicker 1.1s steps(3, end) infinite;
}

.footer-logo{
  font-size: 42px;
  color: rgba(255,255,255,0.9);
  text-shadow: 0 0 12px rgba(255,255,255,0.25);
}

.footer-copy{
  font-family: "bebasbookitalic", sans-serif;
  font-size: 18px;
  color: rgba(255,255,255,0.75);
}

@keyframes navFlicker{
  0%,100% {
    filter: brightness(1);
    text-shadow: 0 0 6px rgba(255,210,0,0.6);
    transform: rotate(1deg) translateX(0.5px);
  }

  23% {
    filter: brightness(0.42);
    text-shadow: 0 0 2px rgba(255,210,0,0.3);
    transform: rotate(-1deg) translateX(0.5px);
  }

  50% {
    filter: brightness(1.32);
    text-shadow: 0 0 16px rgba(255,210,0,0.9);
    transform: rotate(1deg) translateX(0.5px);
  }

  73% {
    filter: brightness(0.78);
    text-shadow: 0 0 4px rgba(255,210,0,0.4);
    transform: rotate(-1deg) translateX(0.5px);
  }
}

.footer-socials a:nth-child(odd):hover{
  transform: rotate(-5deg) scale(1.2);
}

.footer-socials a:nth-child(even):hover{
  transform: rotate(5deg) scale(1.2);
}