/* VideoMagic White-Label CSS */

/* HIDE footer "Built with by Peppermint Labs" */
footer, [class*="footer"], div[class*="built"], p[class*="built"] {
  visibility: hidden !important;
}

/* Hide version text */
span[class*="version"], p[class*="version"], small[class*="version"], div[class*="version"] {
  display: none !important;
}

/* Hide Peppermint images */
img[src*="peppermint"], img[src*="Peppermint"], img[alt*="peppermint"], img[alt*="Peppermint"],
img[src*="teacup"], img[src*="tea-cup"], img[src*="logo"][alt*="logo"] {
  content: url(/videomagic-logo-icon.png) !important;
}

/* Hide Peppermint links */
a[href*="github.com/Peppermint-Lab"], a[href*="peppermint.sh"] {
  display: none !important;
}
a[href*="github.com"][href*="discussions"] {
  display: none !important;
}

/* Hide original logo.svg */
img[src="/logo.svg"], img[src*="logo.svg"] {
  display: none !important;
}

/* LOGIN PAGE LOGO via ::before */
.sm\:max-w-md > h2.text-3xl.font-extrabold::before {
  content: "";
  display: block;
  width: 300px;
  height: 80px;
  margin: 0 auto 16px;
  background: url(/videomagic-logo-full.png) center/contain no-repeat;
}

/* SIDEBAR icon replacement */
.flex.aspect-square.size-8 img[src*="favicon"] {
  content: url(/videomagic-logo-icon.png) !important;
}

/* Hide sidebar version text */
span.truncate.text-xs {
  display: none !important;
}

/* HIDE footer "Built with" line on login */
.mt-8.text-center.flex.flex-col.space-y-2 {
  display: none !important;
}

/* LOGIN HEADING: hide original text, show custom */
.sm\:max-w-md > h2.text-3xl.font-extrabold {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
.sm\:max-w-md > h2.text-3xl.font-extrabold::after {
  content: "Welcome to Videomagic";
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  color: #1a1a2e;
  display: block;
  text-align: center;
}

/* ADMIN: replace green text with logo */
h1.text-2xl.font-extrabold.text-green-600 {
  font-size: 0 !important;
  color: transparent !important;
  overflow: hidden;
  height: 100px;
  width: 400px;
  background: url(/videomagic-logo-full.png) center/contain no-repeat;
  margin: 0 auto;
}