/* Lil' ITH · Social & streaming icons (inline <img>)
   Theme matches nav: gold glow default (#9aa000), mint green on hover/focus (#00ffa0). */

.social-img {
   width: 1.15em;
   height: 1.15em;
   min-width: 1.15em;
   object-fit: contain;
   flex-shrink: 0;
   display: inline-block;
   vertical-align: middle;
   margin-right: 0.4em;
   opacity: 0.88;
   transition: opacity 0.25s ease, filter 0.25s ease;
}

/* ── All branded icon links (home contact, blog hero, blog strip, etc.) ── */
a.social-brand {
   outline: none;
}

a.social-brand .social-img {
   opacity: 0.92;
   transition: opacity 0.25s ease, filter 0.25s ease;
   filter:
      drop-shadow(0 0 5px rgba(154, 160, 0, 0.5))
      drop-shadow(0 0 12px rgba(154, 160, 0, 0.22));
}

a.social-brand:hover .social-img,
a.social-brand:focus-visible .social-img {
   opacity: 1;
   filter:
      drop-shadow(0 0 6px #00ffa0)
      drop-shadow(0 0 16px rgba(0, 255, 160, 0.42));
}

a.social-brand:focus-visible {
   outline: 2px solid rgba(0, 255, 160, 0.45);
   outline-offset: 3px;
}

/* Text + icon rows (legacy / templates) */
.block-social:not(.social-icons-only) li a {
   display: inline-flex !important;
   align-items: center;
   gap: 0.35rem;
}

.block-social:not(.social-icons-only) li a .social-img {
   filter:
      drop-shadow(0 0 5px rgba(154, 160, 0, 0.45))
      drop-shadow(0 0 10px rgba(154, 160, 0, 0.18));
}

.block-social:not(.social-icons-only) li a:hover .social-img,
.block-social:not(.social-icons-only) li a:focus-visible .social-img {
   filter:
      drop-shadow(0 0 6px #00ffa0)
      drop-shadow(0 0 14px rgba(0, 255, 160, 0.38));
}

/* ── Home contact: icon-only row sizing ── */
.contact.main .social-icons-only .social-brand .social-img {
   margin-right: 0 !important;
   width: 1.4rem !important;
   height: 1.4rem !important;
   min-width: 1.4rem !important;
}

.contact.main .social-icons-only .social-brand:hover,
.contact.main .social-icons-only .social-brand:focus-visible {
   transform: translateY(-2px) scale(1.06);
}

/* ── Blog: hero + streaming strip sizing (lift/hover: blog-page.css) ── */
.blog-hero-actions .social-brand .social-img,
.blog-social-strip .social-brand .social-img {
   margin-right: 0 !important;
   width: 1.35rem !important;
   height: 1.35rem !important;
   min-width: 1.35rem !important;
}