/* TOPBAR-AUTH-V6 */


/* =====================================================
   SIGN IN — tekst, NIE button
   ===================================================== */

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2){
  position:relative!important;
  overflow:visible!important;

  width:auto!important;
  min-width:0!important;

  height:36px!important;
  min-height:36px!important;

  margin:0 3px!important;
  padding:0 7px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;

  color:#9aa7b0!important;

  box-shadow:none!important;

  font-size:11px!important;
  font-weight:700!important;

  text-decoration:none!important;

  transform:none!important;

  transition:color .15s ease!important;
}

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2):hover{
  color:#f0f6f8!important;

  border:0!important;
  background:transparent!important;
  box-shadow:none!important;

  transform:none!important;
}


/* subtelna linia jak element nawigacji */

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2) > span{
  position:relative;
}

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2) > span::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:-6px;

  width:100%;
  height:1px;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(0,229,255,.75),
    transparent
  );

  opacity:0;

  transform:
    translateX(-50%)
    scaleX(.25);

  transition:
    opacity .16s ease,
    transform .16s ease;
}

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2):hover > span::after{
  opacity:1;

  transform:
    translateX(-50%)
    scaleX(1);
}


/* caret */

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2)::after{
  content:"";

  position:relative!important;

  width:5px!important;
  height:5px!important;

  margin-top:-3px!important;

  display:block!important;

  border:0!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;

  border-radius:0!important;

  background:none!important;
  box-shadow:none!important;

  opacity:.62!important;

  transform:rotate(45deg)!important;
}


/* zabijamy stary pseudo-sweep Sign in */

.topbar-actions-v2 #global-auth-entry-v1:not(.account-chip-v4):not(.account-topbar-v2)::before{
  display:none!important;
}


/* =====================================================
   LOGGED IN — avatar + nick, też NIE klocek
   ===================================================== */

#global-auth-entry-v1.account-topbar-v2,
#global-auth-entry-v1.account-chip-v4{
  position:relative!important;

  width:auto!important;
  min-width:0!important;
  max-width:210px!important;

  height:36px!important;
  min-height:36px!important;

  margin:0 2px!important;
  padding:3px 7px 3px 3px!important;

  display:flex!important;
  align-items:center!important;
  gap:8px!important;

  border:0!important;
  border-radius:6px!important;

  background:transparent!important;

  box-shadow:none!important;

  transform:none!important;

  transition:
    background .15s ease,
    color .15s ease!important;
}

#global-auth-entry-v1.account-topbar-v2:hover,
#global-auth-entry-v1.account-chip-v4:hover{
  border:0!important;

  background:rgba(255,255,255,.032)!important;

  box-shadow:none!important;

  transform:none!important;
}


/* avatar */

#global-auth-entry-v1.account-topbar-v2 .global-account-avatar-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-avatar{
  width:28px!important;
  height:28px!important;

  flex:0 0 28px!important;

  object-fit:cover!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:5px!important;

  box-shadow:none!important;
}


/* bez "Zalogowany jako:" */

#global-auth-entry-v1.account-topbar-v2 .global-account-prefix-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-prefix{
  display:none!important;
}


/* nick */

#global-auth-entry-v1.account-topbar-v2 .global-account-main-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-copy{
  min-width:0!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;

  gap:4px!important;

  line-height:1!important;
}


/* stare meta off */

#global-auth-entry-v1.account-topbar-v2 .global-account-meta-v2,
#global-auth-entry-v1.account-chip-v4 .account-chip-v4-role,
#global-auth-entry-v1.account-topbar-v2 .global-account-platform-v2,
#global-auth-entry-v1.account-topbar-v2 .global-account-divider-v2,
#global-auth-entry-v1.account-topbar-v2 .global-account-community-v2{
  display:none!important;
}

#global-auth-entry-v1.account-topbar-v2::before,
#global-auth-entry-v1.account-chip-v4::before,
#global-auth-entry-v1.account-topbar-v2::after,
#global-auth-entry-v1.account-chip-v4::after{
  display:none!important;
}


/* =====================================================
   CONNECT — jedyny prawdziwy CTA
   ===================================================== */

.topbar-actions-v2 .topbar-connect-v2{
  position:relative!important;
  overflow:hidden!important;

  min-width:152px!important;

  height:38px!important;
  min-height:38px!important;

  padding:0 18px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:1px solid rgba(0,229,255,.30)!important;
  border-radius:6px!important;

  background:
    linear-gradient(
      180deg,
      rgba(0,229,255,.155) 0%,
      rgba(0,229,255,.075) 100%
    )!important;

  color:#e8fcff!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,229,255,.05)!important;

  font-size:11px!important;
  font-weight:750!important;

  letter-spacing:.01em!important;

  text-decoration:none!important;

  transform:none!important;

  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease!important;
}

.topbar-actions-v2 .topbar-connect-v2:hover{
  border-color:rgba(0,229,255,.48)!important;

  background:
    linear-gradient(
      180deg,
      rgba(0,229,255,.215) 0%,
      rgba(0,229,255,.095) 100%
    )!important;

  color:#fff!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.095),
    inset 0 -1px 0 rgba(0,229,255,.07)!important;

  transform:none!important;
}


/* sweep jak Steam */

.topbar-actions-v2 .topbar-connect-v2::before{
  content:""!important;

  position:absolute!important;
  z-index:1!important;

  display:block!important;

  top:-40%!important;
  bottom:-40%!important;
  left:-52%!important;

  width:31%!important;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.025),
    rgba(255,255,255,.19),
    rgba(255,255,255,.025),
    transparent
  )!important;

  opacity:0!important;

  transform:skewX(-20deg)!important;

  pointer-events:none!important;
}

.topbar-actions-v2 .topbar-connect-v2:hover::before{
  animation:iwbpConnectSweepV6 .62s ease-out!important;
}

@keyframes iwbpConnectSweepV6{
  0%{
    left:-52%;
    opacity:0;
  }

  15%{
    opacity:1;
  }

  82%{
    opacity:1;
  }

  100%{
    left:125%;
    opacity:0;
  }
}

.topbar-actions-v2 .topbar-connect-v2 > *{
  position:relative;
  z-index:2;
}


/* =====================================================
   AUTH VISIBILITY
   ===================================================== */

#global-auth-entry-v1.account-cache-v6{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#global-auth-entry-v1:not(.auth-resolved-v5):not(.account-topbar-v2){
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


@media(max-width:700px){

  .topbar-actions-v2 .topbar-connect-v2{
    min-width:0!important;
    padding:0 12px!important;
  }

  #global-auth-entry-v1.account-topbar-v2,
  #global-auth-entry-v1.account-chip-v4{
    max-width:145px!important;
  }
}