.sss-social-links{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center;margin:16px auto}
.sss-social-links[hidden],.sss-follow-section[hidden]{display:none!important}
.sss-social-link{display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;color:#fff;border:1px solid rgba(121,165,255,.30);background:#071832;border-radius:999px;padding:10px 14px;font-weight:800;font-size:.85rem}
.sss-social-link:hover,.sss-social-link:focus-visible{border-color:#f21f3e;outline:2px solid rgba(242,31,62,.28);outline-offset:2px}
.sss-social-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ef1738,#1968ff);font-weight:900}
.sss-follow-section{text-align:center}
.sss-follow-section .sss-social-links{margin-top:20px}
@media(max-width:560px){.sss-social-link{min-height:44px;flex:1 1 46%}}

/* SSS FOOTER SOCIAL ICON POLISH V1 */
footer a.sss-footer-social-icon,
.footer a.sss-footer-social-icon {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  margin: 0 5px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 46px !important;
  text-decoration: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

footer a.sss-footer-social-icon .sss-footer-social-glyph,
.footer a.sss-footer-social-icon .sss-footer-social-glyph {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900;
  color: #fff;
}

footer a.sss-footer-facebook .sss-footer-social-glyph,
.footer a.sss-footer-facebook .sss-footer-social-glyph {
  font-family: Arial, Helvetica, sans-serif;
}

footer a.sss-footer-youtube .sss-footer-social-glyph,
.footer a.sss-footer-youtube .sss-footer-social-glyph {
  font-size: 16px !important;
  padding-left: 2px;
}

/* Keep the footer social icons together and compact when their current
   container allows it, without changing the large homepage social section. */
footer .sss-footer-social-icon + .sss-footer-social-icon,
.footer .sss-footer-social-icon + .sss-footer-social-icon {
  margin-left: 6px !important;
}

@media (max-width: 600px) {
  footer a.sss-footer-social-icon,
  .footer a.sss-footer-social-icon {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex-basis: 44px !important;
  }
}

/* SSS SOCIAL DUPLICATE + OFFICIAL LOGO FIX V2 */

/* Proper brand logo sizing within the existing large Follow the Show buttons. */
a.sss-official-social-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

a.sss-official-social-button .sss-brand-logo {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  flex: 0 0 34px !important;
  display: block !important;
}

a.sss-official-social-button .sss-social-button-label {
  display: inline-block !important;
  font-size: inherit !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/*
 * The old footer-social polish is superseded by V2. If any dynamically
 * generated footer social element briefly exists before JavaScript removes
 * it, keep it hidden so visitors never see a duplicate flash.
 */
footer a[href*="facebook.com"],
footer a[href*="youtube.com"],
footer a[href*="youtu.be"],
.footer a[href*="facebook.com"],
.footer a[href*="youtube.com"],
.footer a[href*="youtu.be"] {
  display: none !important;
}

@media(max-width:600px){
  a.sss-official-social-button .sss-brand-logo {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex-basis: 32px !important;
  }
}
