/*
 * TEMPORARY visual cleanup for the Authelia portal (auth.loca.zone ONLY).
 * ---------------------------------------------------------------------
 * Injected by /etc/nginx/sites-available/auth.loca.zone via sub_filter
 * (<link> before </head>). Served same-origin so it passes Authelia's
 * CSP (style-src 'self').
 *
 * Purpose: hide nonessential portal chrome until a themed/branded portal
 * replaces this stopgap. CSS-only — the underlying DOM, accessible
 * labels, and form behavior are untouched.
 *
 * Rollback: remove the sub_filter/location lines from the vhost and
 * delete this file. No Authelia config was changed.
 *
 * Kept visible: user icon, username field, password field (incl. its
 * visibility toggle), and a wordless submit button.
 */

/* Top bar: language selector + app-bar chrome */
header.MuiAppBar-root {
    display: none !important;
}

/* "Sign in" heading */
#first-factor-stage h5 {
    display: none !important;
}

/* "Remember me" checkbox row */
#form-login label.MuiFormControlLabel-root {
    display: none !important;
}

/* "Reset password?" affordance */
#reset-password-button {
    display: none !important;
}

/* "Powered by Authelia" branding/footer */
a[href^="https://www.authelia.com"] {
    display: none !important;
}

/* Defensive: hide registration / settings / second-factor affordances
 * should any later stage render them (policy is one_factor today). */
#register-link,
#settings-button,
#settings-menu,
#methods-button,
#second-factor-stage h5,
#second-factor-stage h6 {
    display: none !important;
}

/* Wordless submit: keep the "Sign in" text node in the DOM (font-size 0)
 * so the accessible name survives, and draw a pure-CSS chevron glyph.
 * No pseudo-element text content, so the accessible name stays "Sign in". */
#sign-in-button {
    font-size: 0;
    min-height: 42px;
}

#sign-in-button::after {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    border-right: 2.5px solid currentColor;
    border-bottom: 2.5px solid currentColor;
    transform: rotate(-45deg) translateY(-1px);
}