/* Hide branding and default elements */
img[src*="logo"],
img[alt="Logo"],
h2.text-3xl,               /* "Sign in to continue" */
p.text-gray-300           /* "Use your Plex account" text */
{
  display: none !important;
}

/* Replace logo */
.login-page .sm\:mx-auto::before {
  content: "";
  display: block;
  background-image: url("/custom/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 100px;
  margin-bottom: 20px;
}

/* Reword "Use your Plex account" */
.login-page p.text-gray-300::before {
  content: "Use your account";
}
.login-page p.text-gray-300 {
  color: #aaa !important;
  font-size: 0.875rem !important;
}
.login-page p.text-gray-300::after {
  content: "";
  display: none;
}

/* Optional button label override */
button.plex-button span::before {
  content: "Secure Sign In";
}

/* Static background */
.absolute-top-shift.absolute.inset-0.bg-cover.bg-center {
  background-image: url('/bg.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
.absolute-top-shift.absolute.inset-0.bg-cover.bg-center span,
.absolute-top-shift.absolute.inset-0.bg-cover.bg-center img {
  display: none !important;
}

/* Optional: override page title (works best with <title> injection, not guaranteed) */
head title::before {
  content: "International Peregrine Imports";
}