:root {
  --sadie-elite-logo: url("images/elite-stream-logo.png?v=20260821_1130");
  --sadie-elite-icon: url("images/elite-stream-icon.png?v=20260821_1130");
}

img[src$="logowhite.png"],
img[src$="logodark.png"] {
  object-fit: contain !important;
}

.pageTitleWithLogo,
.headerLogo,
.headerHomeButton,
.headerLeft .headerHomeButton,
.skinHeader .headerHomeButton,
.logo,
.emby-logo,
[class*="Logo"] {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.pageTitleWithLogo {
  background-image: var(--sadie-elite-logo) !important;
  min-width: 13.5rem !important;
  min-height: 3.25rem !important;
}

.headerLogo,
.logo,
.emby-logo {
  background-image: var(--sadie-elite-logo) !important;
  min-width: 10.5rem !important;
  min-height: 3rem !important;
}

.headerHomeButton,
.headerLeft .headerHomeButton,
.skinHeader .headerHomeButton {
  background-image: var(--sadie-elite-icon) !important;
  width: 4.15rem !important;
  height: 4.15rem !important;
  min-width: 4.15rem !important;
  background-size: 74% auto !important;
}

.manualLoginForm:before,
.visualLoginForm:before,
.loginDisclaimerContainer:before {
  content: "";
  display: block;
  width: min(560px, 90vw);
  height: 215px;
  margin: 0 auto 1.45rem;
  position: relative;
  left: clamp(-56px, -4vw, -22px);
  background-image: var(--sadie-elite-logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.app-splash {
  background-image: var(--sadie-elite-logo) !important;
  width: 10.5em !important;
  height: 4.2em !important;
  left: 1.35em !important;
  background-position: center !important;
  background-size: contain !important;
}

.app-splash-expanded {
  top: 30% !important;
  left: 30% !important;
  right: 30% !important;
  height: 20% !important;
  width: auto !important;
}

@media (max-width: 640px) {
  .manualLoginForm:before,
  .visualLoginForm:before,
  .loginDisclaimerContainer:before {
    width: min(430px, 96vw);
    height: 170px;
    left: -118px;
  }

  .manualLoginForm img[src*="logo"],
  .visualLoginForm img[src*="logo"],
  .manualLoginForm img[src*="logowhite"],
  .visualLoginForm img[src*="logowhite"],
  .manualLoginForm .logo,
  .visualLoginForm .logo,
  .manualLoginForm [class*="Logo"],
  .visualLoginForm [class*="Logo"] {
    position: relative !important;
    left: -92px !important;
    transform: translateX(0) !important;
  }

  .app-splash-expanded {
    left: 50% !important;
    right: auto !important;
    width: min(250px, 64vw) !important;
    height: 170px !important;
    transform: translateX(-50%) !important;
  }

  body.sadie-login-screen .pageTitleWithLogo,
  body.sadie-login-screen .pageTitleWithDefaultLogo {
    position: relative !important;
    left: -8px !important;
    min-width: 9rem !important;
    min-height: 3rem !important;
  }

  body:not(.sadie-login-screen) .pageTitleWithLogo,
  body:not(.sadie-login-screen) .pageTitleWithDefaultLogo {
    position: relative !important;
    left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}