/* === Administraced — Social footer: icone bianche, uniformi, con hover === */

/* Gruppo */
:where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
  .wp-block-social-links{
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 3vw, 32px);
  flex-wrap: wrap; /* desktop può avvolgere se serve */
}

/* Rimuove cerchi/contorni dello stile Gutenberg */
:where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
  .wp-block-social-links.is-style-logos-only .wp-social-link a{
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Icone bianche */
:where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
  .wp-block-social-links .wp-social-link{ color:#fff !important; }
:where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
  .wp-block-social-links .wp-social-link svg path{ fill: currentColor !important; }

/* Area clic (MOBILE default = 52px) */
:where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
  .wp-block-social-links .wp-social-link a{
  display:inline-flex; align-items:center; justify-content:center;
  inline-size:52px; block-size:52px; text-decoration:none;
  transition: transform .25s ease;
}

/* Logo interno (mobile) — base */
:where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
  .wp-block-social-links .wp-social-link svg{
  inline-size:84% !important; block-size:84% !important;
}

/* MOBILE: ingrandisci IG/IN/YT e riduci gap */
@media (max-width: 768px){
  /* riduci lo spazio tra icone */
  :where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
    .wp-block-social-links{
    flex-wrap: nowrap;               /* non andare a capo */
    gap: 8px;                        /* ancora più compatte */
    overflow-x: auto;                /* se lo spazio non basta, scroll orizzontale */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  :where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
    .wp-block-social-links::-webkit-scrollbar{ display:none; }

  /* ingrandisci IG/IN/YT */
  :where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
    .wp-social-link-instagram svg,
  :where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
    .wp-social-link-linkedin svg,
  :where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
    .wp-social-link-youtube svg{
    inline-size:100% !important; block-size:100% !important;
  }
}

/* DESKTOP: area 60px per tutte; Facebook al 70%, IG/IN/YT al 100% */
@media (min-width: 992px){
  :where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
    .wp-block-social-links .wp-social-link a{
    inline-size:60px; block-size:60px;
  }
  .wp-social-link-facebook svg{ inline-size:70% !important; block-size:70% !important; }
  .wp-social-link-instagram svg,
  .wp-social-link-linkedin svg,
  .wp-social-link-youtube svg{
    inline-size:100% !important; block-size:100% !important;
  }

  /* Hover desktop: effetto ingrandimento */
  :where(#colophon, footer, .site-footer, .footer-bottom, .below-footer)
    .wp-block-social-links .wp-social-link a:hover{
    transform: scale(1.05);
  }
}