/* =============================
   LONGRENT LOGIN FORM - STILI
   ============================= */

/* ===== CONTAINER ===== */
.lr-login-wrapper {
  background: #fff !important;
  padding: 20px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  max-width: 400px !important;
  margin: 40px auto !important;
}

/* ===== INTRO TITOLI ===== */
.lr-login-intro {
  margin-bottom: 20px !important;
  text-align: center !important;
}

.lr-login-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-bottom: 8px !important;
}

.lr-login-text {
  font-size: 15px !important;
  color: #555 !important;
  line-height: 1.5 !important;
}

/* ===== FORM ===== */
.lr-login-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

/* ===== FIELD ===== */
.lr-login-field {
  display: flex !important;
  flex-direction: column !important;
}

.lr-login-label {
  font-size: 14px !important;
  margin-bottom: 5px !important;
  color: #333 !important;
  font-weight: 500 !important;
}

.lr-login-input {
  padding: 12px !important;
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
  font-size: 15px !important;
  background: #f5f5f5 !important;
  transition: all 0.2s ease !important;
}

.lr-login-input:focus {
  outline: none !important;
  border-color: #4da3ff !important;
  background: #e9f3ff !important;
  box-shadow: 0 0 0 2px rgba(77,163,255,0.25) !important;
}

/* ===== BUTTON ACCEDI ===== */
.lr-login-button {
  padding: 12px !important;
  background: #fcb040 !important;
  color: #000 !important;
  font-weight: 700 !important;
  border: 1px solid #fcb040 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
}

.lr-login-button:hover {
  background: #fcb040 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
}

/* ===== MESSAGGI ===== */
.lr-login-message {
  font-size: 14px !important;
  margin-top: 10px !important;
}

.lr-login-success {
  color: #0a8a00 !important;
}

.lr-login-error {
  color: #c60000 !important;
}

/* ===== PULSANTI EXTRA ===== */
.lr-login-extra-buttons {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 10px !important;
  flex-wrap: wrap !important;
}

.lr-login-alt-button {
  flex: 1 1 48% !important;
  padding: 10px !important;
  background: #fff !important;
  border: 1px solid #fcb040 !important;
  color: #000 !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
}

.lr-login-alt-button:hover {
  background: #fcb040 !important;
  color: #000 !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
}

/* ===== EXTRA STILI ===== */
.lr-login-wrapper *:focus {
  outline: none !important;
  box-shadow: none !important;
}

.lr-login-input.invalid {
  border-color: #c60000 !important;
  background: #ffe6e6 !important;
}

/* =============================
   RESPONSIVE RULES
   ============================= */

/* Desktop >= 1025px */
@media (min-width: 1025px) {
  .lr-login-wrapper {
    padding: 25px !important;
  }

  .lr-login-input {
    font-size: 16px !important;
  }

  .lr-login-button {
    font-size: 16px !important;
    padding: 14px !important;
  }
}

/* Tablet <= 1024px */
@media (max-width: 1024px) {
  .lr-login-wrapper {
    margin: 30px 20px !important;
    padding: 20px !important;
  }
}

/* Mobile <= 480px */
@media (max-width: 480px) {
  .lr-login-wrapper {
    margin: 20px 10px !important;
    padding: 15px !important;
  }

  .lr-login-input {
    padding: 10px !important;
    font-size: 14px !important;
  }

  .lr-login-button {
    padding: 12px !important;
    font-size: 14px !important;
  }

  .lr-login-extra-buttons {
    flex-direction: column !important;
  }

  .lr-login-alt-button {
    width: 100% !important;
    margin-top: 6px !important;
  }
}