/* Isolated social-link add-on for profile pages only. */
.profile-social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 10px 0 2px;
}
.profile-social-section .profile-social-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; }
.profile-social-section .profile-social-link { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; border-radius:2px; min-height:64px; backdrop-filter:none; box-shadow:none; line-height:1.3; padding:10px; }
.profile-social-section .profile-social-link small { color:#d7c9de; font-size:9px; font-weight:400; }
.profile-social-section .is-verified { border-color:#6b9c85; }
.profile-social-section .is-verified small { color:#b0e8c8; }

.profile-social-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  color: #f8f4fb;
  background: rgba(20,16,25,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 5px 16px rgba(0,0,0,.18);
  text-decoration: none !important;
  font: 800 11px/1 Tahoma,Verdana,Arial,sans-serif;
  backdrop-filter: blur(8px);
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

.profile-social-link:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--profile-accent, #d653a6) 70%, #ffffff);
  background: rgba(34,27,40,.94);
}

.profile-social-icon {
  width: 19px;
  height: 19px;
  display: inline-grid;
  place-items: center;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 900;
}

.profile-social-discord .profile-social-icon {
  background: #5865f2;
  color: white;
}

.profile-social-youtube .profile-social-icon {
  background: #ff0033;
  color: white;
}

.profile-youtube-verified {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-left: 1px;
  color: #68a9ff;
  font-size: 13px;
  line-height: 1;
  filter: drop-shadow(0 0 5px rgba(70,145,255,.65));
}

.profile-social-editor-section {
  border-top: 1px dashed #b996af;
  padding-top: 12px;
}

.profile-social-fields {
  display: grid;
  gap: 8px;
}

.profile-social-fields label {
  display: grid;
  gap: 4px;
  color: #5f4961;
  font: 800 10px/1.35 Tahoma,Verdana,Arial,sans-serif;
}

.profile-social-fields input {
  width: 100%;
  min-height: 32px;
  padding: 6px 8px;
  border: 2px inset #ead5e6;
  border-radius: 0;
  background: #fff;
  color: #2e2231;
  outline: none;
  font: 11px/1.2 Tahoma,Verdana,Arial,sans-serif;
}

.profile-social-fields input:focus {
  border-color: color-mix(in srgb, var(--profile-accent, #d653a6) 65%, #ffffff);
  box-shadow: 0 0 0 1px rgba(184,75,151,.2);
}

.profile-social-editor-note {
  margin-top: 8px;
  padding: 6px 7px;
  border-left: 3px solid #5d93f2;
  background: #edf4ff;
  color: #44546d;
  font: 10px/1.45 Tahoma,Verdana,Arial,sans-serif;
}

.profile-social-editor-error {
  min-height: 14px;
  margin-top: 6px;
  color: #a52e4c;
  font: 800 10px/1.35 Tahoma,Verdana,Arial,sans-serif;
}

@media (max-width: 680px) {
  .profile-social-links { justify-content: flex-start; }
  .profile-social-link { min-height: 32px; }
}