/* Project: wasiat4d2-lp-jjk-stable-2.0.1 */
/* Social icon row – small, neutral, theme-matched; show only icons with working profile URLs.
   Scope is confined to the footer to leave the existing layout untouched. */
.footer .jjk-footer-social {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2.5vw, 14px);
  width: min(100%, 860px);
  max-width: 100%;
  min-width: 0;
  margin: -6px auto 0;
  padding: 0;
}
.footer .jjk-footer-social .jjk-social-item {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(165, 207, 233, 0.24);
  border-radius: 13px;
  background: rgba(122, 176, 216, 0.075);
  cursor: default;
}
.footer .jjk-footer-social .jjk-social-item img {
  display: block;
  width: 23px;
  height: 23px;
  min-width: 0;
  max-width: 100%;
  object-fit: contain;
  /* Source PNGs are black; tint them uniformly to the site's pale ice blue. */
  filter: brightness(0) saturate(100%) invert(89%) sepia(15%) saturate(330%) hue-rotate(171deg) brightness(102%) contrast(98%);
  opacity: .95;
}
@media (max-width: 420px) {
  .footer .jjk-footer-social { gap: 11px; margin-top: -4px; }
  .footer .jjk-footer-social .jjk-social-item {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
  .footer .jjk-footer-social .jjk-social-item img { width: 22px; height: 22px; }
}

/* Missing URL = no icon. Adding a real href to that anchor automatically shows it.
   Avoid empty or '#' placeholder destinations. No JavaScript is required. */
.footer .jjk-footer-social .jjk-social-item:not([href]),
.footer .jjk-footer-social .jjk-social-item[href=""],
.footer .jjk-footer-social .jjk-social-item[href="#"] {
  display: none;
}

/* Linked profiles are keyboard-focusable and provide accessible labels. */
.footer .jjk-footer-social a.jjk-social-item {
  cursor: pointer;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.footer .jjk-footer-social a.jjk-social-item:hover,
.footer .jjk-footer-social a.jjk-social-item:focus-visible {
  background: rgba(122, 176, 216, .14);
  border-color: rgba(165, 207, 233, .52);
  transform: translateY(-2px);
}
.footer .jjk-footer-social a.jjk-social-item:focus-visible {
  outline: 2px solid #a5cfe9;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .footer .jjk-footer-social a.jjk-social-item { transition: none; }
}