/* =========================================================
   LEVIS UR – LOGIN + LOST PASSWORD ONLY
   (nem érinti az /account/ felületet)
   Pages:
   - Login: post-52632
   - Lost password: post-52658
========================================================= */

/* csak ezen a két oldalon legyen overflow visible */
.post-52632 .elementor-shortcode,
.post-52632 .elementor-widget-container,
.post-52658 .elementor-shortcode,
.post-52658 .elementor-widget-container{
  overflow: visible !important;
}

/* 1) Külső wrapper NE legyen fehér/szürke */
.post-52632 #user-registration,
.post-52658 #user-registration{
  background: transparent !important;
  padding: 0 !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

/* 2) A valódi "kártya" (LOGIN + LOST oldalon) */
.post-52632 #user-registration .ur-frontend-form.login,
.post-52658 #user-registration .ur-frontend-form.login{
  background: #c8cf97 !important;
  border-radius: 50px !important;
  overflow: hidden !important;

  /* kisebb, sötétebb, “élesebb” */
  box-shadow:
    0 14px 48px rgba(0,0,0,0.55),
    0 16px 32px rgba(0,0,0,0.35) !important;
}

/* (régi #ur-frontend-form ID helyett: csak ezeken az oldalakon célzunk) */
.post-52632 #user-registration .ur-frontend-form.login form.user-registration-form,
.post-52658 #user-registration .ur-frontend-form.login form.user-registration-form{
  background: transparent !important;
}

/* Title + message */
.post-52658 #user-registration .ur-lost-password-title{
  text-align: center;
  margin: 0 0 10px 0 !important;

  font-size: 45px !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  line-height: 1.15 !important;

  color: #759c3b !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,0.20),
    0 6px 14px rgba(0,0,0,0.08) !important;
}

.post-52658 #user-registration .ur-lost-password-message{
  text-align: center;
  margin: 0 0 26px 0 !important;
  color: rgba(0,0,0,0.55) !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

/* Input – LOST oldalon más wrapper van */
.post-52658 #user-registration .ur-input-with-icon input.user-registration-Input{
  border-radius: 30px !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  background: rgba(255,255,255,0.92) !important;

  box-shadow:
    inset 0 2px 6px rgba(0,0,0,0.10),
    0 6px 16px rgba(0,0,0,0.12) !important;

  transition: box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

.post-52658 #user-registration .ur-input-with-icon input.user-registration-Input:focus{
  outline: none !important;
  border-color: rgba(0,0,0,0.18) !important;
  background: rgba(255,255,255,0.98) !important;

  box-shadow:
    inset 0 2px 6px rgba(0,0,0,0.10),
    0 10px 22px rgba(0,0,0,0.18) !important;
}

/* Reset password gomb */
.post-52658 #user-registration .ur-reset-password-btn{
  border-radius: 30px !important;
  background: linear-gradient(180deg, #6f8f16 0%, #5e7c12 100%) !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: .3px !important;

  box-shadow:
    0 10px 22px rgba(0,0,0,0.25),
    inset 0 2px 4px rgba(255,255,255,0.18) !important;

  transition: all .2s ease !important;
}

.post-52658 #user-registration .ur-reset-password-btn:hover{
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(0,0,0,0.35),
    inset 0 2px 4px rgba(255,255,255,0.22) !important;
}

.post-52658 #user-registration .ur-reset-password-btn:active{
  transform: translateY(1px);
  box-shadow:
    0 6px 14px rgba(0,0,0,0.25),
    inset 0 3px 6px rgba(0,0,0,0.25) !important;
}

/* ikon */
.post-52658 #user-registration .ur-input-with-icon .input-icon{
  opacity: 0.85;
}




/* =========================================================
   RESET PASSWORD PAGE – fix box width (ne ugráljon)
   ========================================================= */

/* A teljes "kártya" (doboz) legyen fixen középen és ne tudjon szélesedni */
body .user-registration #ur-frontend-form.ur-frontend-form,
body .user-registration .ur-frontend-form#ur-frontend-form {
  display: block !important;
  width: clamp(320px, 92vw, 560px) !important;  /* <- max 560px, mobilon 92vw */
  max-width: 560px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important; /* ha valami mégis kilógna, ne tolja szét */
}

/* A form / grid sose legyen inline-block vagy "table" jellegű */
body .user-registration #ur-frontend-form form.user-registration-ResetPassword,
body .user-registration #ur-frontend-form form.ur_lost_reset_password,
body .user-registration #ur-frontend-form .ur-form-row,
body .user-registration #ur-frontend-form .ur-form-grid {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Ha valahol flex van nowrap-pal, engedjük törni */
body .user-registration #ur-frontend-form .ur-form-grid,
body .user-registration #ur-frontend-form .user-registration-form-row {
  flex-wrap: wrap !important;
}

/* Password inputok full szélesség */
body .user-registration #ur-frontend-form input[type="password"].user-registration-Input,
body .user-registration #ur-frontend-form input[type="password"].input-text {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 30px !important;
}

/* =========================================================
   Password strength / hiba üzenetek – sose szélesítsenek
   ========================================================= */
body .user-registration #ur-frontend-form .ur-password-strength,
body .user-registration #ur-frontend-form .password-strength,
body .user-registration #ur-frontend-form .woocommerce-password-strength,
body .user-registration #ur-frontend-form .user-registration-password-strength,
body .user-registration #ur-frontend-form .strength-meter,
body .user-registration #ur-frontend-form .ur-strength,
body .user-registration #ur-frontend-form .ur-error,
body .user-registration #ur-frontend-form .ur-message {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}

/* =========================================================
   SAVE gomb – kényszerítjük zöldre (ne legyen kék)
   ========================================================= */
body .user-registration #ur-frontend-form input[type="submit"].user-registration-Button.button,
body .user-registration #ur-frontend-form input[type="submit"].user-registration-Button,
body .user-registration #ur-frontend-form button[type="submit"].user-registration-Button,
body .user-registration #ur-frontend-form .ur-reset-password-btn {
  background: #8db553 !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 30px !important; /* nem 999px */
  padding: 14px 28px !important;
  line-height: 1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .user-registration #ur-frontend-form input[type="submit"].user-registration-Button.button:hover,
body .user-registration #ur-frontend-form input[type="submit"].user-registration-Button:hover,
body .user-registration #ur-frontend-form button[type="submit"].user-registration-Button:hover {
  filter: brightness(0.94) !important;
}

body .user-registration #ur-frontend-form input[type="submit"].user-registration-Button.button:active,
body .user-registration #ur-frontend-form input[type="submit"].user-registration-Button:active,
body .user-registration #ur-frontend-form button[type="submit"].user-registration-Button:active {
  transform: translateY(1px) !important;
  filter: brightness(0.90) !important;
}





/* LOST PASSWORD input belső tér javítás */
.user-registration-ResetPassword input[type="text"],
.ur_lost_reset_password input[type="text"],
#ur-frontend-form.ur-frontend-form--rounded input[type="text"] {

    padding-left: 22px !important;   /* ← ez hiányzott */
    padding-right: 22px !important;
    box-sizing: border-box !important;
}