/* besa.dev-Branding für die GitLab-Login-Seite.
   Wird vom nginx-Proxy nur in /users/sign_in eingebunden (conf.d/gitlab.conf).
   Farben wie www.besa.dev: #121212, #43cae9 -> #38f9d7, #0b3e4a */

/* Hintergrund: GitLabs orange/violettes "bloom"-Bild durch Mint/Cyan-Leuchten ersetzen */
:root.html-devise-layout body {
  background-color: #121212 !important;
  background-image:
    radial-gradient(ellipse 55% 38% at 50% 108%, rgba(56, 249, 215, 0.28) 0%, rgba(56, 249, 215, 0) 70%),
    radial-gradient(ellipse 38% 30% at 18% 104%, rgba(67, 202, 233, 0.22) 0%, rgba(67, 202, 233, 0) 70%),
    radial-gradient(ellipse 38% 30% at 82% 104%, rgba(11, 62, 74, 0.70) 0%, rgba(11, 62, 74, 0) 70%) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
:root.html-devise-layout body::before,
:root.html-devise-layout body::after { display: none !important; }

/* Nur das Wesentliche: Footer-Links + Sprachwahl und "Forgot your password?" ausblenden */
.login-page .footer-container,
.login-page .js-language-switcher,
.login-page a[href$="/users/password/new"] { display: none !important; }

/* Formular etwas schmaler, mittig */
.login-page #js-sign-in-form { max-width: 380px; margin-left: auto; margin-right: auto; }

/* Eingabefelder: türkiser Fokus wie auf der Website */
.login-page .form-control:focus,
.login-page .gl-form-input:focus {
  border-color: #38f9d7 !important;
  box-shadow: 0 0 0 1px #38f9d7 !important;
}

/* Sign-in-Button im Website-Verlauf */
.login-page button[type="submit"]:not([disabled]) {
  background: linear-gradient(to right, #43cae9 0%, #38f9d7 100%) !important;
  border: 0 !important;
  color: #0b2a33 !important;
  font-weight: 600;
}
.login-page button[type="submit"]:not([disabled]):hover { filter: brightness(1.08); }
.login-page input[type="checkbox"]:checked { background-color: #38f9d7 !important; border-color: #38f9d7 !important; }
