/* Vibe header only. Preserve the original logo for the player and footer. */
body.vibe-site .navbar .logo-top {
  width: 96px !important;
  height: 58px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  display: block;
}
body.vibe-site .navbar > .container-fluid > .navbar-brand {
  flex: 0 0 auto;
  padding-block: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.vibe-site .navbar .logo-top { width: 82px !important; height: 50px !important; }
}
@media (max-width: 991.98px) {
  body.vibe-site .navbar .mobile-logo {
    width: 88px !important;
    height: 54px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center;
    display: block;
  }
  body.vibe-site .navbar .sv-header-mobile-row > .navbar-brand { padding: 0 !important; min-width: 0 !important; width: auto !important; }
  body.vibe-site .navbar .vibe-header-community--mobile.has-live-video {
    width: 134px !important;
    min-width: 134px !important;
    grid-template-columns: repeat(3, 44px) !important;
  }
}
/* Keep all three 44px actions reachable. Centre the logo in the free space
   between the menu toggle and the actions on narrow phones. */
@media (max-width: 479.98px) {
  body.vibe-site .navbar .sv-header-mobile-row > .navbar-brand {
    left: calc(50% - 45px) !important;
  }
}
@media (max-width: 359.98px) {
  body.vibe-site .navbar .mobile-logo { width: 76px !important; height: 47px !important; }
}