/* ===============================
   Background
   =============================== */

body {
    background: radial-gradient(circle at top, #1b2233, #0f1117) !important;
    color: #e5e7eb !important;
}


/* ===============================
   Login card
   =============================== */

.MuiPaper-root {
    background: #111827 !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.7) !important;
}


/* ===============================
   Text
   =============================== */

.MuiTypography-root,
.MuiFormControlLabel-label {
    color: #e5e7eb !important;
}


/* ===============================
   Inputs
   =============================== */

.MuiInputBase-root {
    background: #1f2937 !important;
    color: #e5e7eb !important;
}

.MuiFormLabel-root {
    color: #9ca3af !important;
}


/* ===============================
   Checkbox
   =============================== */

.MuiCheckbox-root {
    color: #d1d5db !important;
}

.MuiCheckbox-root.Mui-checked {
    color: #2563eb !important;
}


/* ===============================
   Buttons
   =============================== */

.MuiButton-containedPrimary {
    background: #2563eb !important;
}

.MuiButton-containedPrimary:hover {
    background: #1d4ed8 !important;
}


/* ===============================
   REMOVE default SVG avatar
   =============================== */

svg.UserSvg {
    display: none !important;
}


/* ===============================
   INSERT your logo above Sign in
   =============================== */

h1::before {
    content: "";
    display: block;
    height: 120px;
    margin-bottom: 20px;

    background-image: url("/theme/van-bergen-logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* ===============================
   Remove Reset Password
   =============================== */

#reset-password-button {
    display: none !important;
}


/* ===============================
   Password help text
   =============================== */
#password-help-placeholder {
    margin-top: 18px;
    text-align: center;
    font-size: 0.9em;
    color: #9ca3af;
}

#password-help-placeholder a {
    color: #3b82f6;
    text-decoration: none;
}

#password-help-placeholder a:hover {
    text-decoration: underline;
}
/* Remove avatar SVG */
#UserSvg {
    display:none !important;
}

/* Insert logo above "Sign in" */

.MuiGrid-root.MuiGrid-direction-xs-column > div:first-child::before {

    content:"";
    display:block;

    height:110px;
    margin-bottom:20px;

    background:url("/theme/van-bergen-logo.svg") center no-repeat;
    background-size:contain;
}

/* Hide Authelia reset button */

#reset-password-button {
    display:none !important;
}

/* Password help link */

#password-help-placeholder {
    margin-top:18px;
    text-align:center;
    font-size:0.9em;
    color:#9ca3af;
}

#password-help-placeholder a {
    color:#3b82f6;
    text-decoration:none;
}

#password-help-placeholder a:hover {
    text-decoration:underline;
}
form::after {
    content: "Expired passwords must be changed at password.van-bergen.com";
    display: block;
    margin-top: 18px;
    text-align: center;
    font-size: 0.9em;
    color: #9ca3af;
}

#password-reset-link,
[data-testid="reset-password-link"],
[data-testid="change-password-link"] {
    display: none !important;
}
button[id*="password"] {
    display: none !important;
}