/* Small, isolated profile identity refinements based on the approved profile references. */

/* Country verification uses Leviathan blue instead of the old green status dot. */
.lvt-country-chip i{
  background:linear-gradient(145deg,#3bbcff,#2478ff)!important;
  border-color:#06121b!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(76,196,255,.22),0 2px 8px rgba(28,132,255,.46),0 0 12px rgba(52,180,255,.24)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.3)!important;
}

/* Verified social accounts use the same compact blue check treatment as the approved reference. */
.lvt-service-check{
  right:-5px!important;
  bottom:-5px!important;
  width:14px!important;
  height:14px!important;
  border:2px solid #071018!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#56bfff 0%,#2d8cff 52%,#1f6feb 100%)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(83,178,255,.28),0 2px 7px rgba(25,104,218,.38)!important;
  font:1000 8px/1 system-ui,sans-serif!important;
  text-shadow:0 1px 1px rgba(0,0,0,.22)!important;
}

/* Social buttons get the same tactile hover treatment as the country flag. */
.lvt-service-icon-button{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
  transform-origin:center;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.lvt-service-icon-button:hover,
.lvt-service-icon-button:focus-visible{
  z-index:31;
  transform:translateY(-2px) scale(1.055)!important;
  outline:none;
}
.lvt-service-icon-button .lvt-service-icon{
  display:grid;
  place-items:center;
  transform-origin:center;
  transition:transform .18s ease,filter .18s ease;
}
.lvt-service-icon-button:hover .lvt-service-icon,
.lvt-service-icon-button:focus-visible .lvt-service-icon{
  animation:lvt-service-icon-float .56s cubic-bezier(.2,.75,.25,1) both;
  filter:drop-shadow(0 2px 5px currentColor);
}
.lvt-service-icon-button.verified .lvt-service-check{
  animation:lvt-social-check-pulse 3.4s ease-in-out infinite;
  transform-origin:center;
}
.lvt-service-icon-button.verified:hover .lvt-service-check,
.lvt-service-icon-button.verified:focus-visible .lvt-service-check{
  animation:lvt-social-check-pop .42s cubic-bezier(.18,.89,.32,1.35) both;
  background:linear-gradient(145deg,#75ceff 0%,#3c9dff 52%,#2578ef 100%)!important;
  box-shadow:0 0 0 1px rgba(104,197,255,.36),0 2px 9px rgba(25,114,234,.48),0 0 10px rgba(67,164,255,.22)!important;
}

/* Visible service name on hover/focus. aria-label already contains the useful short name. */
.lvt-service-icon-button::after{
  content:attr(aria-label);
  position:absolute;
  top:calc(100% + 9px);
  left:50%;
  z-index:100;
  min-width:max-content;
  max-width:170px;
  padding:6px 9px;
  border:1px solid rgba(82,190,239,.2);
  border-radius:7px;
  background:linear-gradient(145deg,rgba(7,27,39,.98),rgba(3,15,24,.99));
  color:#e9f9ff;
  box-shadow:0 10px 26px rgba(0,0,0,.34),0 0 16px rgba(28,143,226,.07);
  font:800 8px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.015em;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-5px) scale(.96);
  transform-origin:50% 0;
  transition:opacity .14s ease,visibility .14s ease,transform .18s cubic-bezier(.2,.8,.2,1);
}
.lvt-service-icon-button::before{
  content:"";
  position:absolute;
  top:calc(100% + 5px);
  left:50%;
  z-index:101;
  width:7px;
  height:7px;
  border-left:1px solid rgba(82,190,239,.2);
  border-top:1px solid rgba(82,190,239,.2);
  background:#071b27;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%) rotate(45deg);
  transition:opacity .14s ease,visibility .14s ease;
}
.lvt-service-icon-button:hover::after,
.lvt-service-icon-button:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0) scale(1);
}
.lvt-service-icon-button:hover::before,
.lvt-service-icon-button:focus-visible::before{
  opacity:1;
  visibility:visible;
}

@keyframes lvt-service-icon-float{
  0%{transform:translateY(0) rotate(0deg) scale(1)}
  30%{transform:translateY(-2px) rotate(-5deg) scale(1.1)}
  60%{transform:translateY(0) rotate(4deg) scale(1.06)}
  100%{transform:translateY(-1px) rotate(0deg) scale(1.045)}
}
@keyframes lvt-social-check-pulse{
  0%,74%,100%{transform:scale(1)}
  83%{transform:scale(1.1)}
  91%{transform:scale(1)}
}
@keyframes lvt-social-check-pop{
  0%{transform:scale(1)}
  55%{transform:scale(1.22) rotate(-6deg)}
  100%{transform:scale(1.08)}
}

/* Discord's official blurple reads too dark against the abyss background, so lift it while retaining the brand hue. */
.lvt-service-icon-button[data-service="discord"]{
  color:#8f98ff!important;
  border-color:rgba(117,128,255,.42)!important;
  background:linear-gradient(145deg,rgba(63,70,150,.24),rgba(10,17,36,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 16px rgba(88,101,242,.08)!important;
}
.lvt-service-icon-button[data-service="discord"] .lvt-service-icon svg{
  filter:drop-shadow(0 0 4px rgba(126,138,255,.38));
}
.lvt-service-icon-button[data-service="discord"]:hover,
.lvt-service-icon-button[data-service="discord"]:focus-visible{
  color:#b0b7ff!important;
  border-color:rgba(143,152,255,.68)!important;
  background:linear-gradient(145deg,rgba(76,84,178,.34),rgba(13,22,48,.99))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 18px rgba(88,101,242,.16)!important;
}

@media(prefers-reduced-motion:reduce){
  .lvt-service-icon-button,.lvt-service-icon-button .lvt-service-icon{transition:none!important}
  .lvt-service-icon-button:hover,.lvt-service-icon-button:focus-visible{transform:none!important}
  .lvt-service-icon-button .lvt-service-icon,.lvt-service-icon-button.verified .lvt-service-check{animation:none!important}
}

/* 2026-10-04 verified socials use the Leviathan verification crest. */
.lvt-service-check{display:grid!important;place-items:center!important;padding:0!important;background:#071018!important;overflow:visible!important}
.lvt-service-check img{display:block!important;width:16px!important;height:16px!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 2px 5px rgba(55,210,255,.45))}

/* 2026-10-04 unified visible identity treatment. Country and verification use the same visual language as socials. */
.lvt-profile-header-identity>.lvt-country-chip,
.lvt-profile-header-identity>.lvt-service-icon-button{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,rgba(12,25,33,.96),rgba(4,13,18,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  opacity:1!important;
}
.lvt-country-chip{border:1px solid rgba(255,255,255,.10)!important}
.lvt-country-chip .lvt-country-flag{display:block!important;width:22px!important;height:16px!important;object-fit:cover!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important}
.lvt-service-check,
.lvt-country-chip .lvt-service-check{
  position:absolute!important;
  right:-5px!important;
  bottom:-5px!important;
  width:18px!important;
  height:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  overflow:visible!important;
  animation:none!important;
}
.lvt-service-check img,
.lvt-country-chip .lvt-service-check img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 5px rgba(55,210,255,.48))!important;
}
.lvt-service-icon-button[data-service="discord"]{color:#5865F2!important;border-color:rgba(88,101,242,.42)!important;background:rgba(88,101,242,.08)!important}
.lvt-service-icon-button[data-service="youtube"]{color:#FF0000!important;border-color:rgba(255,0,0,.38)!important;background:rgba(255,0,0,.065)!important}
.lvt-service-icon-button[data-service="twitch"]{color:#9146FF!important;border-color:rgba(145,70,255,.42)!important;background:rgba(145,70,255,.075)!important}
.lvt-service-icon-button[data-service="x"]{color:#F2F2F2!important;border-color:rgba(242,242,242,.24)!important;background:rgba(255,255,255,.035)!important}
.lvt-service-icon-button[data-service="bluesky"]{color:#1185FE!important;border-color:rgba(17,133,254,.4)!important;background:rgba(17,133,254,.07)!important}
.lvt-service-icon-button[data-service="github"]{color:#F0F6FC!important;border-color:rgba(240,246,252,.24)!important;background:rgba(240,246,252,.035)!important}
.lvt-service-icon-button[data-service="instagram"]{color:#E1306C!important;border-color:rgba(225,48,108,.38)!important;background:linear-gradient(145deg,rgba(131,58,180,.10),rgba(253,29,29,.08),rgba(252,176,69,.07))!important}
.lvt-service-icon-button[data-service="tiktok"]{color:#fff!important;border-color:rgba(37,244,238,.34)!important;background:linear-gradient(145deg,rgba(37,244,238,.05),rgba(254,44,85,.05))!important}
.lvt-service-icon-button[data-service="website"]{color:#56D4E9!important;border-color:rgba(86,212,233,.38)!important;background:rgba(86,212,233,.06)!important}
.lvt-service-icon-button[data-service="tiktok"] .lvt-service-icon svg{filter:drop-shadow(-1px 0 #25F4EE) drop-shadow(1px 0 #FE2C55)!important}
.lvt-service-icon-button[data-service="instagram"] .lvt-service-icon svg{filter:drop-shadow(0 0 5px rgba(225,48,108,.25))}

/* 2026-10-04 canonical identity row. */
.lvt-profile-header-identity .lvt-country-chip{
  position:relative!important;
  margin:0!important;
  border-right:1px solid rgba(255,255,255,.1)!important;
}
.lvt-profile-header-identity .lvt-country-chip .lvt-country-flag{
  width:22px!important;height:16px!important;display:block!important;object-fit:cover!important;border-radius:2px!important;
}
.lvt-profile-header-identity .lvt-service-check{
  width:15px!important;height:15px!important;right:-4px!important;bottom:-4px!important;
}
.lvt-profile-header-identity .lvt-service-check img{width:15px!important;height:15px!important;filter:none!important}
.lvt-profile-header-identity .lvt-service-icon-button{opacity:1!important}
.lvt-profile-header-identity .lvt-service-icon-button .lvt-service-icon{opacity:1!important;filter:none!important}