/* Hide splash screen */
.splashscreen {
    display: none !important;
}

/* Sidebar background black */
.MuiPaper-root.MuiDrawer-paper.MuiDrawer-paperAnchorLeft {
    background-color: #000000 !important;
}

/* Ensure other elements stay black */
.countIndicator,
.indicator,
.backgroundContainer,
.dialog,
.skinHeader,
.mainDrawer,
.emby-input,
.emby-textarea,
.emby-select,
.navMenuOption-selected,
.cardBox,
.paperList {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Hide logos */
a[href="#/"] .MuiListItemIcon-root,
.MuiBox-root.css-1j3tjfb,
.pageTitleWithLogo,
.pageTitleWithDefaultLogo,
.pageTitleWithLogo.pageTitleWithDefaultLogo,
.pageTitleWithLogo .pageTitleWithDefaultLogo,
.pageTitle.pageTitleWithDefaultLogo {
    display: none !important;
}

/* Hide "please login" text and adjust layout */
#loginPage h1 {
    display: none;
}
#loginPage .padded-left.padded-right.padded-bottom-page {
    margin-top: 50px;
}

/* Hide "manual" and "forgot password" buttons */
#loginPage .raised.cancel.block.btnManual.emby-button,
#loginPage .raised.cancel.block.btnForgotPassword.emby-button {
    display: none;
}

/* Progress bar styling */
#itemDetailPage .itemProgressBar,
#indexPage .itemProgressBar {
    height: 2000em;
    background: transparent !important;
}

/* Remove card footer background and stretch to cover card */
.innerCardFooter.fullInnerCardFooter.innerCardFooterClear {
    background: transparent !important;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0;
}

/* Grey progress bar foreground */
.itemProgressBarForeground {
    background-color: rgba(128, 128, 128, 0.35) !important;
}

/* Remove underline on hover and make links bold */
a,
a:visited {
    text-decoration: none !important;
    font-weight: normal !important;
    color: #ffffff !important;
}
a:hover,
a:focus {
    text-decoration: none !important;
    font-weight: bold !important;
}

/* =========================
   Indicator Styling — Black Background, White Text
   ========================= */
.cardIndicators,
.listItemIndicators {
    right: 0 !important;
    top: 0 !important;
}

.innerCardFooter {
    border-radius: 0px var(--rounding) !important;
    box-shadow: 1px -1px 4px 0 rgba(0,0,0,0.3);
    background: #000000 !important;
    color: #ffffff !important;
}

.countIndicator,
.playedIndicator {
    border-radius: 0px var(--rounding) !important;
    box-shadow: -1px 1px 4px 0 rgba(0,0,0,0.3);
    background: #000000 !important;
    color: #ffffff !important;
}

.mediaSourceIndicator {
    left: 0;
    top: 0;
    border-radius: var(--rounding) 0px !important;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3);
    background: #000000 !important;
    color: #ffffff !important;
}

.cardOverlayButton,
.cardOverlayButtonIcon {
  width: 2.6em; height: 2.6em;          /* keep equal */
  border-radius: var(--rounding) !important;
}