/*
 * ABR branding for the Authelia login portal.
 *
 * Authelia's portal is a compiled SPA with no supported CSS hook, and its CSP
 * (style-src 'self') blocks inline <style>. So Caddy serves this file on the
 * auth.* host and injects a <link> to it into the portal HTML (see Caddyfile).
 * Selectors target stable attributes (alt, href) rather than MUI's generated
 * class names so they survive Authelia frontend updates.
 */

img[alt='Logo'] {
  width: 150px !important;
  margin-bottom: 8px !important;
}

a[href='https://www.authelia.com'] {
  display: none !important;
}

.MuiGrid-container:has(> div > a[href$='/contact']) > .MuiDivider-root {
  display: none !important;
}

.MuiGrid-container:has(> div > a[href$='/contact']) {
  justify-content: center !important;
}

.MuiGrid-root:has(> a[href$='/contact']) {
  flex-basis: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

a[href='https://www.appliedbrainresearch.com/contact'] {
  display: inline-block !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #2f9bff !important;
  white-space: normal !important;
  text-decoration: none !important;
  -webkit-user-drag: none !important;
  user-select: text !important;
}

a[href='https://www.appliedbrainresearch.com/contact']:hover {
  text-decoration: none !important;
}

/*
 * The "Need an account? Email" prefix lives here (not in the locale string) so
 * the link's only real text is the address. Pseudo-element text is not
 * selectable, so dragging the link copies just the email.
 */
a[href='https://www.appliedbrainresearch.com/contact']::before {
  content: 'Need an account? Email ' !important;
  display: block !important;
  font-weight: 400 !important;
  color: #9aa0a6 !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.MuiContainer-maxWidthXs {
  transform: translateY(-60px) !important;
}