/* =========================================================
   STS v5.6.157 - Remove blank left card + nav higher
   - Removes the empty logo-only card from the left panel
   - Forces the top navigation up inside the header bar
   ========================================================= */

/* Remove the blank card shown at the top of the left panel */
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .sts-left-brand-card,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .sts-left-brand-card,
html body.streamx-v5.twitch-v53 aside.sts-fresh-left-panel > .sts-left-brand-card{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Keep the left panel tidy after the card is removed */
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel{
  padding-top: 14px !important;
}

/* Force nav higher in the mockup header */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
  align-items: center !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
  transform: translateY(-16px) !important;
  margin-top: -10px !important;
  align-self: center !important;
  position: relative !important;
  top: -4px !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
  transform: none !important;
  line-height: 1 !important;
}

/* Prevent the lower purple header line from visually touching the nav */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header{
  padding-bottom: 8px !important;
}

@media (max-width: 1180px){
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
    transform: translateY(-8px) !important;
    margin-top: -4px !important;
    top: -2px !important;
  }
}