/* EWS social links: scalable logos in the owner's purple and lime style. */
#social.section.dark .social-panel {
  --social-purple: #301b55 !important;
  --social-lime: #b6d34d !important;
  background: linear-gradient(135deg, #38215f, #291748) !important;
  border: 1px solid rgba(182, 211, 77, .28) !important;
  border-top: 1px solid rgba(182, 211, 77, .28) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 44px rgba(48, 27, 85, .16) !important;
  padding: 34px 28px 38px !important;
  text-align: center !important;
}
#social.section.dark .social-panel h2 {
  color: #fff !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  font-size: clamp(1.45rem, 3vw, 2rem) !important;
  line-height: 1.3 !important;
}
#social.section.dark .social-intro {
  color: #eee8f5 !important;
  -webkit-text-fill-color: #eee8f5 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}
#social.section.dark .social-icons {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 104px)) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: clamp(12px, 3vw, 32px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
#social.section.dark .social-icons a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: none !important;
}
#social.section.dark .social-icons .social-badge {
  display: grid !important;
  place-items: center !important;
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #c3de62, var(--social-lime) 60%, #a7c43e) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 16px rgba(0,0,0,.14) !important;
  transition: background-color .15s ease, box-shadow .15s ease !important;
}
#social.section.dark .social-icons .social-badge img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  max-width: none !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#social.section.dark .social-icons .social-name {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}
#social.section.dark .social-icons a:hover {
  background: transparent !important;
  color: #fff !important;
  transform: none !important;
}
#social.section.dark .social-icons a:hover .social-badge {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 0 0 4px rgba(182,211,77,.22) !important;
}
#social.section.dark .social-icons a:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 7px !important;
}
@media (max-width: 680px) {
  #social.section.dark .social-panel { padding: 26px 18px 30px !important; border-radius: 22px !important; }
  #social.section.dark .social-icons { grid-template-columns: repeat(3, minmax(0, 104px)) !important; gap: 24px 16px !important; }
  #social.section.dark .social-icons .social-badge { width: 76px !important; height: 76px !important; }
  #social.section.dark .social-icons .social-badge img { width: 40px !important; height: 40px !important; }
  #social.section.dark .social-intro { margin-bottom: 24px !important; }
}
@media (max-width: 360px) {
  #social.section.dark .social-icons { gap: 20px 10px !important; }
  #social.section.dark .social-icons .social-badge { width: 64px !important; height: 64px !important; }
  #social.section.dark .social-icons .social-badge img { width: 34px !important; height: 34px !important; }
  #social.section.dark .social-icons .social-name { font-size: 12px !important; }
}