/* Yoga Space theme overrides for Authelia login portal. */

:root {
  --ys-green:      #506937;
  --ys-green-dark: #3d5128;
  --ys-bg:         #f7f7f5;
}

html, body {
  background: var(--ys-bg) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Primary call-to-action button (Авторизация) */
.MuiButton-root.MuiButton-contained,
.MuiButton-containedPrimary {
  background-color: var(--ys-green) !important;
  color: white !important;
  box-shadow: 0 3px 10px rgba(80,105,55,0.28) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  border-radius: 8px !important;
  padding: 12px 22px !important;
}
.MuiButton-root.MuiButton-contained:hover,
.MuiButton-containedPrimary:hover {
  background-color: var(--ys-green-dark) !important;
  box-shadow: 0 4px 14px rgba(80,105,55,0.38) !important;
}

/* Input field borders */
.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-radius: 8px !important;
}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: rgba(80,105,55,0.5) !important;
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--ys-green) !important;
  border-width: 2px !important;
}

/* Field labels */
.MuiFormLabel-root.Mui-focused {
  color: var(--ys-green) !important;
}

/* "Запомнить" checkbox */
.MuiCheckbox-colorPrimary.Mui-checked,
.MuiCheckbox-root.Mui-checked {
  color: var(--ys-green) !important;
}

/* Avatar (the placeholder person icon) → solid YS green circle with "YS" text */
.MuiAvatar-root {
  background-color: var(--ys-green) !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 6px 20px rgba(80,105,55,0.35) !important;
  width: 80px !important;
  height: 80px !important;
}
/* hide the original SVG inside the avatar */
.MuiAvatar-root svg, .MuiAvatar-root img {
  display: none !important;
}
.MuiAvatar-root::before {
  content: "YS";
  display: block;
}

/* Container/card area — soften with white card */
#root > div {
  background: white !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04) !important;
}

/* "Авторизация" heading */
.MuiTypography-root.MuiTypography-h5,
.MuiTypography-root.MuiTypography-h6 {
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

/* Footer / Authelia attribution — muted */
.MuiTypography-caption,
.MuiTypography-subtitle1,
.MuiTypography-body2 {
  color: rgba(0,0,0,0.45) !important;
}