/* Full-colour social brand icons inside the responsive navigation overlay. */
.clone-social-row-socials a::before,
.clone-social-row-socials a::after {
  display: none !important;
}

.clone-social-row-socials a {
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.3) !important;
}

.clone-social-row-socials a img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: none;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.clone-social-row-socials a:hover,
.clone-social-row-socials a:focus-visible {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4) !important;
}

.clone-social-row-socials a:hover img,
.clone-social-row-socials a:focus-visible img {
  transform: scale(1.1);
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.3));
}

.clone-social-row-socials a[href*="instagram.com"] {
  border-color: rgba(225, 48, 108, 0.58) !important;
}

.clone-social-row-socials a[href*="facebook.com"] {
  border-color: rgba(24, 119, 242, 0.58) !important;
}

.clone-social-row-socials a[href*="x.com"] {
  border-color: rgba(255, 255, 255, 0.35) !important;
}

.clone-social-row-socials a[href*="reddit.com"] {
  border-color: rgba(255, 69, 0, 0.58) !important;
}

.clone-social-row-socials a[href*="youtube.com"] {
  border-color: rgba(255, 0, 0, 0.58) !important;
}

@media (max-width: 560px) {
  .clone-social-row-socials {
    gap: 9px;
  }

  .clone-social-row-socials a {
    width: 50px;
    height: 50px;
  }

  .clone-social-row-socials a img {
    width: 28px;
    height: 28px;
  }
}