/* ==========================================
   FILE:  tdr/assets/css/social.css (Child Theme: TDR)
   SCOPO: Icone social locali (WPZOOM + FA-like) + inline utilities
   NOTE:  Versione UNMINIFIED — v3.1.88 (canonico)
   ========================================== */

/*
 Theme Name: TDR
 Template: inspiro
 Version: 3.1.88
*/

/* ================================
   [BLOCCO 1] Varianti e isolamento override
   ================================ */
.tdr-social--light,
.tdr-social--dark{
  --wp--style--color--link: initial !important;
}
.tdr-social--light{ color:#2e3131 !important; }
.tdr-social--dark { color:#b7bcc2 !important; }

/* ================================
   [BLOCCO 2] Base pill + icona via mask (WPZOOM + custom)
   ================================ */
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas{
  display:flex;align-items:center;justify-content:var(--wpz-social-icons-alignment,flex-start);
  gap:var(--wpz-social-icons-block-item-margin-horizontal,5px);
}
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .social-icon-link,
.hamburger-social .social-icon{
  display:inline-flex;align-items:center;justify-content:center;line-height:0;text-decoration:none;
  font-size:var(--wpz-social-icons-block-item-font-size,18px);
  padding:var(--wpz-social-icons-block-item-padding-vertical,6px) var(--wpz-social-icons-block-item-padding-horizontal,6px);
  margin:var(--wpz-social-icons-block-item-margin-vertical,5px) var(--wpz-social-icons-block-item-margin-horizontal,5px);
  border-radius:var(--wpz-social-icons-block-item-border-radius,50px);
  border:1px solid currentColor; color:inherit; background:transparent;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .social-icon-link:hover,
.hamburger-social .social-icon:hover{
  background-color:var(--tdr-primary,#0999db); color:#fff; border-color:var(--tdr-primary,#0999db);
}
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .social-icon{
  display:block;width:1em;height:1em;line-height:0;background-color:currentColor;
  -webkit-mask:var(--tdr-icon) no-repeat center/contain; mask:var(--tdr-icon) no-repeat center/contain;
}

/* ================================
   [BLOCCO 3] Mapping SVG per WPZOOM (percorsi RELATIVI al CSS)
   ================================ */
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-facebook  { --tdr-icon:url('../logo/icons/social/facebook-f.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-instagram { --tdr-icon:url('../logo/icons/social/instagram.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-tiktok    { --tdr-icon:url('../logo/icons/social/tiktok.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-x         { --tdr-icon:url('../logo/icons/social/x-twitter.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-youtube   { --tdr-icon:url('../logo/icons/social/youtube.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-linkedin  { --tdr-icon:url('../logo/icons/social/linkedin.svg'); }
/* [BLOCCO 3] Aggiunte mapping SVG */
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-altervista         { --tdr-icon:url('../logo/icons/social/altervista.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-bilibili           { --tdr-icon:url('../logo/icons/social/bilibili.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-blogger            { --tdr-icon:url('../logo/icons/social/blogger.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-blogger-b          { --tdr-icon:url('../logo/icons/social/blogger-b.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-bluesky            { --tdr-icon:url('../logo/icons/social/bluesky.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-discord            { --tdr-icon:url('../logo/icons/social/discord.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-facebook-f         { --tdr-icon:url('../logo/icons/social/facebook-f.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-facebook-messenger { --tdr-icon:url('../logo/icons/social/facebook-messenger.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-flickr             { --tdr-icon:url('../logo/icons/social/flickr.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-giphy              { --tdr-icon:url('../logo/icons/social/giphy.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-google-site        { --tdr-icon:url('../logo/icons/social/google-site.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-instagram          { --tdr-icon:url('../logo/icons/social/instagram.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-line               { --tdr-icon:url('../logo/icons/social/line.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-linkedin           { --tdr-icon:url('../logo/icons/social/linkedin.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-linkedin-in        { --tdr-icon:url('../logo/icons/social/linkedin-in.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-mastodon           { --tdr-icon:url('../logo/icons/social/mastodon.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-medium             { --tdr-icon:url('../logo/icons/social/medium.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-meetup             { --tdr-icon:url('../logo/icons/social/meetup.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-myspace            { --tdr-icon:url('../logo/icons/social/myspace.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-pinterest          { --tdr-icon:url('../logo/icons/social/pinterest.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-quora              { --tdr-icon:url('../logo/icons/social/quora.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-reddit             { --tdr-icon:url('../logo/icons/social/reddit.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-signal-messenger   { --tdr-icon:url('../logo/icons/social/signal-messenger.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-skype              { --tdr-icon:url('../logo/icons/social/skype.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-snapchat           { --tdr-icon:url('../logo/icons/social/snapchat.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-soundcloud         { --tdr-icon:url('../logo/icons/social/soundcloud.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-telegram           { --tdr-icon:url('../logo/icons/social/telegram.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-tenor              { --tdr-icon:url('../logo/icons/social/tenor.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-threads            { --tdr-icon:url('../logo/icons/social/threads.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-tiktok             { --tdr-icon:url('../logo/icons/social/tiktok.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-tumblr             { --tdr-icon:url('../logo/icons/social/tumblr.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-twitch             { --tdr-icon:url('../logo/icons/social/twitch.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-viber              { --tdr-icon:url('../logo/icons/social/viber.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-vimeo              { --tdr-icon:url('../logo/icons/social/vimeo.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-vk                 { --tdr-icon:url('../logo/icons/social/vk.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-weixin             { --tdr-icon:url('../logo/icons/social/weixin.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-whatsapp           { --tdr-icon:url('../logo/icons/social/whatsapp.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-wordpress          { --tdr-icon:url('../logo/icons/social/wordpress.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-wordpress-simple   { --tdr-icon:url('../logo/icons/social/wordpress-simple.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-x,
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-x-twitter,
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-twitter            { --tdr-icon:url('../logo/icons/social/x-twitter.svg'); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .socicon-youtube            { --tdr-icon:url('../logo/icons/social/youtube.svg'); }


/* ================================
   [BLOCCO 4] Side-nav custom (.hamburger-social) + mapping FA-like
   ================================ */
.hamburger-social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;               /* spaziatura controllata */
  margin-top:20px;
}

.hamburger-social .social-icon{
  box-sizing:border-box;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;               /* annulla i margini ereditati dal BLOCCO 2 */
  border:1px solid #333;
  border-radius:50%;
  color:#333;
  background:transparent;
  text-decoration:none;
  font-size:16px;
  transition:background-color .3s,color .3s,border-color .3s;
}

.hamburger-social .social-icon:hover{
  background-color:var(--tdr-primary,#00aef9);
  color:#fff;
  border-color:var(--tdr-primary,#00aef9);
}
.hamburger-social .social-icon i{
  display:block;width:1em;height:1em;line-height:0;font-style:normal !important;
  background-color:currentColor;
  -webkit-mask:var(--tdr-icon) no-repeat center/contain; mask:var(--tdr-icon) no-repeat center/contain;
}
.hamburger-social .social-icon i::before{ content:none !important; }

.hamburger-social .fa-facebook-f { --tdr-icon:url('../logo/icons/social/facebook-f.svg'); }
.hamburger-social .fa-instagram  { --tdr-icon:url('../logo/icons/social/instagram.svg'); }
.hamburger-social .fa-youtube    { --tdr-icon:url('../logo/icons/social/youtube.svg'); }
.hamburger-social .fa-x-twitter  { --tdr-icon:url('../logo/icons/social/x-twitter.svg'); }
.hamburger-social .fa-linkedin,
.hamburger-social .fa-linkedin-in{ --tdr-icon:url('../logo/icons/social/linkedin.svg'); }
/* [BLOCCO 4] Aggiunte mapping FA-like */
.hamburger-social .fa-altervista         { --tdr-icon:url('../logo/icons/social/altervista.svg'); }
.hamburger-social .fa-bilibili           { --tdr-icon:url('../logo/icons/social/bilibili.svg'); }
.hamburger-social .fa-blogger            { --tdr-icon:url('../logo/icons/social/blogger.svg'); }
.hamburger-social .fa-blogger-b          { --tdr-icon:url('../logo/icons/social/blogger-b.svg'); }
.hamburger-social .fa-bluesky            { --tdr-icon:url('../logo/icons/social/bluesky.svg'); }
.hamburger-social .fa-discord            { --tdr-icon:url('../logo/icons/social/discord.svg'); }
.hamburger-social .fa-facebook-f         { --tdr-icon:url('../logo/icons/social/facebook-f.svg'); }
.hamburger-social .fa-facebook-messenger { --tdr-icon:url('../logo/icons/social/facebook-messenger.svg'); }
.hamburger-social .fa-flickr             { --tdr-icon:url('../logo/icons/social/flickr.svg'); }
.hamburger-social .fa-giphy              { --tdr-icon:url('../logo/icons/social/giphy.svg'); }
.hamburger-social .fa-google-site        { --tdr-icon:url('../logo/icons/social/google-site.svg'); }
.hamburger-social .fa-instagram          { --tdr-icon:url('../logo/icons/social/instagram.svg'); }
.hamburger-social .fa-line               { --tdr-icon:url('../logo/icons/social/line.svg'); }
.hamburger-social .fa-linkedin,
.hamburger-social .fa-linkedin-in        { --tdr-icon:url('../logo/icons/social/linkedin.svg'); }
.hamburger-social .fa-mastodon           { --tdr-icon:url('../logo/icons/social/mastodon.svg'); }
.hamburger-social .fa-medium             { --tdr-icon:url('../logo/icons/social/medium.svg'); }
.hamburger-social .fa-meetup             { --tdr-icon:url('../logo/icons/social/meetup.svg'); }
.hamburger-social .fa-myspace            { --tdr-icon:url('../logo/icons/social/myspace.svg'); }
.hamburger-social .fa-pinterest          { --tdr-icon:url('../logo/icons/social/pinterest.svg'); }
.hamburger-social .fa-quora              { --tdr-icon:url('../logo/icons/social/quora.svg'); }
.hamburger-social .fa-reddit             { --tdr-icon:url('../logo/icons/social/reddit.svg'); }
.hamburger-social .fa-signal-messenger   { --tdr-icon:url('../logo/icons/social/signal-messenger.svg'); }
.hamburger-social .fa-skype              { --tdr-icon:url('../logo/icons/social/skype.svg'); }
.hamburger-social .fa-snapchat           { --tdr-icon:url('../logo/icons/social/snapchat.svg'); }
.hamburger-social .fa-soundcloud         { --tdr-icon:url('../logo/icons/social/soundcloud.svg'); }
.hamburger-social .fa-telegram           { --tdr-icon:url('../logo/icons/social/telegram.svg'); }
.hamburger-social .fa-tenor              { --tdr-icon:url('../logo/icons/social/tenor.svg'); }
.hamburger-social .fa-threads            { --tdr-icon:url('../logo/icons/social/threads.svg'); }
.hamburger-social .fa-tiktok             { --tdr-icon:url('../logo/icons/social/tiktok.svg'); }
.hamburger-social .fa-tumblr             { --tdr-icon:url('../logo/icons/social/tumblr.svg'); }
.hamburger-social .fa-twitch             { --tdr-icon:url('../logo/icons/social/twitch.svg'); }
.hamburger-social .fa-viber              { --tdr-icon:url('../logo/icons/social/viber.svg'); }
.hamburger-social .fa-vimeo              { --tdr-icon:url('../logo/icons/social/vimeo.svg'); }
.hamburger-social .fa-vk                 { --tdr-icon:url('../logo/icons/social/vk.svg'); }
.hamburger-social .fa-weixin             { --tdr-icon:url('../logo/icons/social/weixin.svg'); }
.hamburger-social .fa-whatsapp           { --tdr-icon:url('../logo/icons/social/whatsapp.svg'); }
.hamburger-social .fa-wordpress          { --tdr-icon:url('../logo/icons/social/wordpress.svg'); }
.hamburger-social .fa-wordpress-simple   { --tdr-icon:url('../logo/icons/social/wordpress-simple.svg'); }
.hamburger-social .fa-x-twitter,
.hamburger-social .fa-twitter            { --tdr-icon:url('../logo/icons/social/x-twitter.svg'); }
.hamburger-social .fa-youtube            { --tdr-icon:url('../logo/icons/social/youtube.svg'); }

/* ================================
   [BLOCCO 5] Icona inline ovunque (mask CSS + SVG sprite)
   ================================ */
.tdr-si{
  display:inline-block; width:1em; height:1em; vertical-align:text-bottom; background-color:currentColor;
  -webkit-mask:var(--i) no-repeat center/contain; mask:var(--i) no-repeat center/contain;
}
.tdr-si--svg{
  display:inline-block; width:1em; height:1em; vertical-align:text-bottom; fill:currentColor; stroke:currentColor;
}
/* utility */
.tdr-si-24{ font-size:24px; }

/* ================================

   [BLOCCO 6] Social — dimensioni preset (S/M/L) + spazi
   ================================ */
.tdr-social--s  { --tdr-pill:32px; --tdr-gap:10px; --tdr-fs:16px; }
.tdr-social--m  { --tdr-pill:40px; --tdr-gap:15px; --tdr-fs:18px; }
.tdr-social--l  { --tdr-pill:48px; --tdr-gap:18px; --tdr-fs:20px; }

.hamburger-social{ gap:var(--tdr-gap,15px); }
.hamburger-social .social-icon{ width:var(--tdr-pill,40px); height:var(--tdr-pill,40px); font-size:var(--tdr-fs,18px); }

.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas{ gap:var(--tdr-gap,15px); }
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .social-icon-link{
  font-size:var(--tdr-fs,18px);
  padding:calc((var(--tdr-pill,40px) - var(--tdr-fs,18px)) / 3)
          calc((var(--tdr-pill,40px) - var(--tdr-fs,18px)) / 3);
}

/* ================================
   [BLOCCO 6bis] Preset Misure varie 
   ================================ */
.tdr-social--24{ --tdr-fs:24px; }
.tdr-social--29{ --tdr-fs:29px; }
.tdr-social--31{ --tdr-fs:31px; }
.tdr-social--33{ --tdr-fs:33px; }

/* ================================
   [BLOCCO 7] Social — accessibilità focus e motion
   ================================ */
.wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .social-icon-link:focus-visible,
.hamburger-social .social-icon:focus-visible{
  outline:2px solid var(--tdr-primary,#0999db);
  outline-offset:2px;
  border-radius:4px;
}
@media (prefers-reduced-motion: reduce){
  .wp-block-wpzoom-blocks-social-icons.is-style-without-canvas .social-icon-link,
  .hamburger-social .social-icon{
    transition:none !important;
  }
}

/* ================================
   [BLOCCO 8] Core “Social Links” (logos-only) — varianti TDR
   ================================ */
.tdr-social--light .wp-block-social-links.is-style-logos-only .wp-social-link,
.tdr-social--dark  .wp-block-social-links.is-style-logos-only .wp-social-link{
  --wp--style--color--link: initial !important;
  color: inherit !important;
}
.wp-block-social-links.is-style-logos-only svg{ fill: currentColor !important; }
.tdr-social--light .wp-block-social-links.is-style-logos-only .wp-social-link a:hover,
.tdr-social--dark  .wp-block-social-links.is-style-logos-only .wp-social-link a:hover{
  color: var(--tdr-primary,#0999db) !important;
}

/* ================================
   [BLOCCO 9] Social — animazioni base (opt-in)
   ================================ */
.tdr-anim-bob{ transition: transform .3s ease; }
.tdr-anim-bob:hover{ transform: translateY(-3px); }
.tdr-anim-pulse{ transition: transform .25s ease; }
.tdr-anim-pulse:hover{ transform: scale(1.07); }
.tdr-anim-tilt{ transition: transform .25s ease; }
.tdr-anim-tilt:hover{ transform: rotate(-6deg); }
@media (prefers-reduced-motion: reduce){
  .tdr-anim-bob,.tdr-anim-pulse,.tdr-anim-tilt{ transition:none; transform:none !important; }
}

/* ================================
   [BLOCCO 10] WIP social (flat) — pagina contenuto
   ================================ */
.wip-social-icons{
  display:flex;justify-content:center;gap:15px;margin-top:10px;
  font-size:var(--tdr-fs,1.8em);
}
.wip-social-icons a{
  display:inline-flex;align-items:center;justify-content:center;
  color:inherit;text-decoration:none;line-height:0;
  transition:transform .3s ease,color .3s ease;
}
.wip-social-icons a:hover{ transform:translateY(-3px); color:var(--tdr-primary,#0999db); }
/* icona = <i> con mask SVG */
.wip-social-icons i{
  display:block;width:1em;height:1em;background-color:currentColor;font-style:normal!important;
  -webkit-mask:var(--tdr-icon) no-repeat center/contain; mask:var(--tdr-icon) no-repeat center/contain;
}
.wip-social-icons i::before{ content:none!important; }
/* mapping FA-like → SVG locali (percorsi RELATIVI a social.css) */
.wip-social-icons .fa-facebook-f { --tdr-icon:url('../logo/icons/social/facebook-f.svg'); }
.wip-social-icons .fa-instagram  { --tdr-icon:url('../logo/icons/social/instagram.svg'); }
.wip-social-icons .fa-x-twitter  { --tdr-icon:url('../logo/icons/social/x-twitter.svg'); }
.wip-social-icons .fa-tiktok     { --tdr-icon:url('../logo/icons/social/tiktok.svg'); }
.wip-social-icons .fa-youtube    { --tdr-icon:url('../logo/icons/social/youtube.svg'); }
.wip-social-icons .fa-linkedin,
.wip-social-icons .fa-linkedin-in{ --tdr-icon:url('../logo/icons/social/linkedin.svg'); }

/* ================================
   [BLOCCO 11] Fallback WPZOOM in contenuto (solo se manca wrapper)
   ================================ */
:where(.entry-content, .wp-block-post-content, .page-content)
  .wp-block-wpzoom-blocks-social-icons.is-style-without-canvas{
  color:#2e3131 !important;
  border-color: currentColor !important;
}