/* =========================================================
   iGetIT – własny wygląd strony logowania (/igetit/logowanie)
   Plik: C:\igetit\Apache24\htdocs\logowanie.css
   Po zmianach wystarczy odświeżyć stronę przez Ctrl+F5.
   ========================================================= */

/* ===== Kolory – zmieniaj tutaj ===== */
:root {
  --tlo:            #0A1628;  /* granat jak na stronie głównej */
  --przycisk:       #1E6FD9;  /* kolor przycisku Zaloguj */
  --przycisk-hover: #1557B0;  /* przycisk po najechaniu */
  --tytul:          #0A1628;  /* napis "iGetIt" nad polami */
}

/* Tło całej strony */
body,
.login-container {
  background: var(--tlo) !important;
}

/* Usunięcie prostokąta obok formularza */
.left-container,
.login-board {
  display: none !important;
}

/* Formularz po lewej stronie */
.login-content {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
.right-container {
  float: none !important;
  margin: 0 0 0 9vw !important;   /* odstęp od lewej krawędzi – zmień, jeśli chcesz bliżej/dalej */
  background-image: none !important;
}

/* Wszystkie rogi formularza zaokrąglone */
.right-container,
.login-form-container,
#Login {
  border-radius: 16px !important;
  overflow: hidden !important;
}
.login-form-container {
  background-image: none !important;
}

/* Bez paska na dole */
.login-footer,
#footer {
  display: none !important;
}

/* Logo nad formularzem */
.login-logo {
  max-width: 220px !important;
  height: auto !important;
}

/* Napis nad polami */
.login-title {
  color: var(--tytul) !important;
}

/* Pola formularza – obramowanie po kliknięciu */
.form-control:focus {
  border-color: var(--przycisk) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(30, 111, 217, 0.25) !important;
}

/* Przycisk Zaloguj */
#loginBtn {
  background: var(--przycisk) !important;
  border-color: var(--przycisk) !important;
  color: #fff !important;
  cursor: pointer;
  transition: background 0.2s ease;
}
#loginBtn:hover {
  background: var(--przycisk-hover) !important;
  border-color: var(--przycisk-hover) !important;
}