/* VX Support — fix the REAL label generated by vx-auth-shell.
   vx-auth-shell reads button textContent, therefore the source label itself
   contains a real newline. After decoration the newline survives inside
   span[data-vx-auth-label]. */

.heroButtons #general_login.goldButton{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 18px!important;
  box-sizing:border-box!important;
  white-space:normal!important;
}

/* Before auth-shell decoration */
.heroButtons #general_login .vxSupportLoginSourceLabel,
/* After auth-shell decoration — this is the actual live element */
.heroButtons #general_login [data-vx-auth-label]{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;

  white-space:pre-line!important;
  text-align:left!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.3!important;
  color:rgba(255,255,255,.72)!important;
}

/* First physical line = "Войти" */
.heroButtons #general_login .vxSupportLoginSourceLabel::first-line,
.heroButtons #general_login [data-vx-auth-label]::first-line{
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.15!important;
  color:#fff!important;
}

/* Keep VK / Яндекс at the right; don't let the label merge with them. */
.heroButtons #general_login .vxAuthTriggerIcons{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:6px!important;
  margin-left:auto!important;
}

/* Preserve session-driven hiding. */
.heroButtons #general_login[hidden],
body.vx-support-authenticated .heroButtons #general_login{
  display:none!important;
}

@media(max-width:700px){
  .heroButtons #general_login.goldButton{
    padding:13px 16px!important;
    gap:10px!important;
  }

  .heroButtons #general_login .vxSupportLoginSourceLabel,
  .heroButtons #general_login [data-vx-auth-label]{
    font-size:12px!important;
  }

  .heroButtons #general_login .vxSupportLoginSourceLabel::first-line,
  .heroButtons #general_login [data-vx-auth-label]::first-line{
    font-size:18px!important;
  }
}