/* =========================================================
   STS v5.6.156 - Nav up + remove quick cards
   - Moves the header nav up slightly
   - Removes/hides LIVE/CATEGORIES/CLIPS/LOGO PACK quick boxes
   - Keeps search/account aligned and dropdowns on top
   ========================================================= */

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
  transform: translateY(-7px) !important;
  margin-top: 0 !important;
  align-self: center !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: translateY(-1px) !important;
}

/* Force the search and account button to stay vertically centred while nav moves up */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form#stsSearchForm.sts-nav-search,
html body.streamx-v5.twitch-v53 .sts-mock-actions,
html body.streamx-v5.twitch-v53 .sts-account-actions{
  align-self: center !important;
  transform: none !important;
}

/* Remove the old dashboard-style quick cards from the left panel */
.sts-left-quick-grid{
  display: none !important;
}

/* Clean up the left brand card now the text is removed */
.sts-left-brand-card{
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
}

.sts-left-brand-card .sts-left-brand-logo{
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(57,255,20,.45)) drop-shadow(0 0 20px rgba(168,85,247,.35));
}

.sts-left-brand-card div{
  display: none !important;
}

/* Make sure removed Logo Pack menu item does not show if older markup is cached */
.sts-mock-more-menu a[href="/logo-pack"]{
  display: none !important;
}

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