/*===PopUp===*/
.loginOverlay{
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;

  background: linear-gradient(to right, 
    rgba(255, 0, 0, 0.2),  /* Jemná červená na začiatku */
    rgba(155, 155, 155, 0.3),
    rgba(255, 115, 1, 0.5),  /* Silná červená v strede */
    rgba(155, 155, 155, 0.3),
    rgba(255, 0, 0, 0.2)   /* Jemná červená na konci */
  );
  z-index: 2147483647;  /* “najvyššie” */
  
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(10px); /* Pre podporu v Safari */
}
.loginModal{
  font-family: Arial, Helvetica, sans-serif;
  width: min(420px, 92vw);
  border: 2px rgb(255, 153, 0);
  padding: 20px;
  border-radius: 14px;
  background: rgba(44, 44, 44, 0.9);
  color: #fff;
  position: relative;
  box-shadow: 1px 1px 10px rgb(114, 114, 114);
}
.closeLogin {
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 15px 2px 15px;
  box-shadow: 1px 1px rgb(114, 114, 114);
  position: absolute;
  top: 10px;
  right: 12px;
  border: 0;
  background: rgb(255, 136, 0);
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  border-radius: 20%;
}
.closeLogin:hover {
  background: linear-gradient(to right, 
    rgba(255, 0, 0, 0.5),
    rgba(241, 0, 0, 0.9),  /* Silná červená v strede */
    rgba(255, 0, 0, 0.5)
  );
}
.input-box {
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 5px 5px 5px;
  border: 2px solid rgb(223, 223, 223);
  border-radius: 8px;
  /*box-shadow: 0 0 15px rgba(87, 87, 87, 0.644);*/
}
/*=========*/
/* ===== Okno prihlásenia (src/partials/login_modal.php) ===== */
.login-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.login-fields {
  margin-left: 30px;
  margin-right: 30px;
}
.login-note {
  color: white;
}
.login-password-info {
  color: red;
}
/* Hlásenie v okne (chyba prihlásenia, odoslaný odkaz na zmenu hesla) */
.login-message {
  margin: 0 30px 15px;
  padding: 10px 14px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.login-message.error {
  border-left: 5px solid #d32f2f;
  color: #b71c1c;
}
/* Výsledok registrácie */
.register-result {
  padding-left: 20px;
  text-align: center;
}
.register-result p {
  color: black;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}