/* ============================================================================
   Marken-Stylesheet fuer die Authelia-Login-Seite.
   Passt das Portal an das Wiki/asplabauto.com an: Weinrot (#a52b34) als Akzent,
   Schrift Amiko. Wird von Caddy (replace-response) vor </head> injiziert.

   Wichtig: Authelia hat eine strikte CSP (default-src 'self', kein font-src).
   Deshalb MUSS alles vom Auth-Host kommen (same-origin):
     - dieses CSS  -> /brand/brand.css
     - die Schrift -> /brand/amiko-*.woff2  (selbst gehostet, nicht Google Fonts)
   Die Selektoren zielen auf Material-UIs stabile globale Klassen (.Mui...),
   nicht auf die gehashten Emotion-Klassen -> ueberlebt Authelia-Updates besser.
   ============================================================================ */

:root {
  --brand:        #a52b34;  /* Weinrot wie Wiki-Header */
  --brand-dark:   #8a232b;  /* Hover */
  --brand-light:  #b8434b;
}

/* ---- Schrift selbst hosten (same-origin, CSP-konform) -------------------- */
@font-face {
  font-family: 'Amiko'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/brand/amiko-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Amiko'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/brand/amiko-latinext-400.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Amiko'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/brand/amiko-latin-700.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Amiko'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/brand/amiko-latinext-700.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---- Amiko ueberall im Portal durchsetzen ------------------------------- */
body,
.MuiTypography-root,
.MuiButton-root,
.MuiInputBase-root,
.MuiInputLabel-root,
.MuiFormControlLabel-root,
.MuiFormHelperText-root,
input, button, textarea, select,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Amiko', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ---- Primaerbutton "Anmelden" in Markenrot ------------------------------ */
.MuiButton-containedPrimary {
  background-color: var(--brand) !important;
  color: #fff !important;
}
.MuiButton-containedPrimary:hover {
  background-color: var(--brand-dark) !important;
}

/* ---- Links / Textbuttons in Markenrot ----------------------------------- */
a,
.MuiLink-root,
.MuiButton-textPrimary {
  color: var(--brand) !important;
}

/* ---- Eingabefelder: Fokus-Unterstrich & Label in Markenrot -------------- */
.MuiInput-underline:after {
  border-bottom-color: var(--brand) !important;
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--brand) !important;
}
.MuiInputLabel-root.Mui-focused {
  color: var(--brand) !important;
}

/* ---- "Angemeldet bleiben"-Haken in Markenrot ---------------------------- */
.MuiCheckbox-colorPrimary.Mui-checked {
  color: var(--brand) !important;
}

/* ---- Logo etwas Luft geben ---------------------------------------------- */
.MuiAvatar-root img,
img[alt="Logo"] {
  max-height: 80px;
  width: auto;
}