body.login.prk-security-login {
  min-height: 100vh;
  background-color: var(--prk-login-bg, #f3f4f6);
  background-size: cover;
  background-position: center;
  direction: rtl;
  font-family: var(--prk-login-font, Tahoma, Arial, sans-serif) !important;
  color: var(--prk-login-title, #23254e);
}

body.login.prk-security-login *,
body.login.prk-security-login input,
body.login.prk-security-login button,
body.login.prk-security-login select,
body.login.prk-security-login textarea {
  font-family: var(--prk-login-font, Tahoma, Arial, sans-serif) !important;
  box-sizing: border-box;
}

body.login.prk-security-login #login {
  width: var(--prk-login-panel, 380px);
  padding: 0;
  margin: 0;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

body.login.prk-security-login #login h1.wp-login-logo,
body.login.prk-security-login #login > h1 {
  margin: 0 0 5px;
}

body.login.prk-security-login #login h1 a {
  width: 130px;
  /* height: 70px; */
  margin: 0 auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--prk-login-accent, #ef394e);
}

body.login.prk-security-login:not(.prk-login-has-logo) #login h1 a {
  background-image: none !important;
  text-indent: 0;
  font-size: 0;
  overflow: visible;
}

body.login.prk-security-login:not(.prk-login-has-logo) #login h1 a:after {
  content: attr(aria-label);
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 70px;
  color: var(--prk-login-accent, #ef394e);
  letter-spacing: .2px;
}

body.login.prk-security-login .prk-login-intro {
  text-align: center;
  margin: 0 0 10px;
}

body.login.prk-security-login .prk-login-intro strong {
  display: block;
  color: var(--prk-login-title, #23254e);
  font-size: 18px;
  line-height: 1.9;
  font-weight: 900;
}

body.login.prk-security-login .prk-login-intro span {
  display: block;
  color: var(--prk-login-text, #62666d);
  font-size: 12px;
  line-height: 1.9;
}

body.login.prk-security-login form {
  margin: 0;
  padding: 26px;
  border: 0;
  border-radius: 6px;
  background: var(--prk-login-card, #fff);
  box-shadow: 0 18px 55px rgba(15, 23, 42, .10);
}

body.login.prk-security-login label {
  margin-bottom: 10px;
}
body.login.prk-security-login p.forgetmenot label {
  margin-bottom: 0px;
}


body.login.prk-security-login label {
  color: var(--prk-login-title, #23254e);
  font-size: 13px;
  font-weight: 500;
}

body.login.prk-security-login .user-pass-wrap,
body.login.prk-security-login form p {
  margin-bottom: 16px;
}

body.login.prk-security-login input[type="text"],
body.login.prk-security-login input[type="password"],
body.login.prk-security-login input[type="email"] {
  min-height: 48px;
  width: 100%;
  border: 1px solid #e0e0e2;
  border-radius: 5px;
  box-shadow: none;
  background: var(--prk-login-input, #e8f0fe);
  color: #111827;
  font-size: 15px;
  padding: 0 14px;
}

body.login.prk-security-login input:focus {
  border-color: var(--prk-login-accent, #a1a3a8) !important;
  /* box-shadow: 0 0 0 3px color-mix(in srgb, var(--prk-login-accent, #ef394e) 18%, transparent) !important; */
}

body.login.prk-security-login .wp-pwd {
  position: relative;
}

body.login.prk-security-login .wp-hide-pw {
  min-width: 42px;
  height: 42px;
  top: 3px;
  left: 3px;
  border: 0;
  background: transparent;
  color: var(--prk-login-text, #62666d);
  box-shadow: none;
}

body.login.prk-security-login .forgetmenot {
  float: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px !important;
}

body.login.prk-security-login .forgetmenot label {
  font-weight: 500;
  color: var(--prk-login-text, #62666d);
}

body.login.prk-security-login .button-primary,
body.login.prk-security-login #wp-submit {
  width: 100% !important;
  min-height: 50px;
  border: 0;
  border-radius: 5px;
  background: var(--prk-login-accent, #ef394e);
  color: #fff;
  font-weight: 700;
  box-shadow: none;
  text-shadow: none;
  transition: transform .2s ease, filter .2s ease;
}

body.login.prk-security-login .button-primary:hover,
body.login.prk-security-login .button-primary:focus {
  filter: brightness(.96);
  transform: translateY(-1px);
  background: var(--prk-login-accent, #ef394e);
}

body.login.prk-security-login #nav,
body.login.prk-security-login #backtoblog,
body.login.prk-security-login .language-switcher {
  padding: 0;
  margin: 16px 0 0;
  text-align: center;
}

body.login.prk-security-login #nav,
body.login.prk-security-login #backtoblog {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--prk-login-card, #fff);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .07);
}

body.login.prk-security-login #nav a,
body.login.prk-security-login #backtoblog a {
  color: var(--prk-login-link, #62666d);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
}

body.login.prk-security-login .language-switcher {
  display: none;
}

body.login.prk-security-login .message,
body.login.prk-security-login .notice,
body.login.prk-security-login #login_error {
  border: 0;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
  margin: 0 0 16px;
}

/* IranKala boxed */
body.login.prk-security-login.prk-login-style-boxed-irankala #login,
body.login.prk-security-login.prk-login-style-center-card #login,
body.login.prk-security-login.prk-login-style-minimal-pro #login {
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

body.login.prk-security-login.prk-login-style-boxed-irankala {
  background: radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--prk-login-accent) 10%, transparent), transparent 32%), var(--prk-login-bg, #f3f4f6);
}

body.login.prk-security-login.prk-login-style-boxed-irankala form {
  padding: 24px 26px 26px;
}

/* Side panel / Kaveh-like */
body.login.prk-security-login.prk-login-style-side-panel #login {
  width: min(390px, 92vw);
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  transform: none;
  padding: min(12vh, 90px) 34px 34px;
  background: color-mix(in srgb, var(--prk-login-card, #fff) 82%, transparent);
  backdrop-filter: blur(18px) saturate(170%);
  box-shadow: -18px 0 80px rgba(15, 23, 42, .08);
  overflow-y: auto;
}

body.login.prk-security-login.prk-login-style-side-panel form,
body.login.prk-security-login.prk-login-style-side-panel #nav,
body.login.prk-security-login.prk-login-style-side-panel #backtoblog {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding-inline: 0;
}

body.login.prk-security-login.prk-login-style-side-panel input[type="text"],
body.login.prk-security-login.prk-login-style-side-panel input[type="password"],
body.login.prk-security-login.prk-login-style-side-panel input[type="email"] {
  border: 0;
  box-shadow: inset 0 0 18px rgba(44,51,56,.11);
}

/* Split */
body.login.prk-security-login.prk-login-style-split-right #login,
body.login.prk-security-login.prk-login-style-glass #login,
body.login.prk-security-login.prk-login-style-dark-brand #login {
  right: clamp(36px, 8vw, 160px);
}

body.login.prk-security-login.prk-login-style-split-left #login {
  left: clamp(36px, 8vw, 160px);
}

body.login.prk-security-login.prk-login-style-split-right:before,
body.login.prk-security-login.prk-login-style-split-left:before,
body.login.prk-security-login.prk-login-style-dark-brand:before {
  content: "";
  position: fixed;
  inset: 0 auto 0 0;
  width: min(43vw, 640px);
  background: var(--prk-login-card, #fff);
  box-shadow: 0 0 80px rgba(15, 23, 42, .08);
}

body.login.prk-security-login.prk-login-style-split-left:before {
  inset: 0 0 0 auto;
}

body.login.prk-security-login.prk-login-style-glass form,
body.login.prk-security-login.prk-login-style-glass #nav,
body.login.prk-security-login.prk-login-style-glass #backtoblog {
  background: color-mix(in srgb, var(--prk-login-card, #fff) 72%, transparent);
  backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid rgba(255,255,255,.45);
}

body.login.prk-security-login.prk-login-style-minimal-pro form,
body.login.prk-security-login.prk-login-style-minimal-pro #nav,
body.login.prk-security-login.prk-login-style-minimal-pro #backtoblog {
  box-shadow: none;
  border: 1px solid #e5e7eb;
}

body.login.prk-security-login.prk-login-style-dark-brand {
  background: radial-gradient(circle at 20% 5%, color-mix(in srgb, var(--prk-login-accent) 34%, transparent), transparent 24%), #0f172a;
}

body.login.prk-security-login.prk-login-style-dark-brand:before {
  background: rgba(15,23,42,.78);
  backdrop-filter: blur(16px);
}

body.login.prk-security-login.prk-login-style-dark-brand form,
body.login.prk-security-login.prk-login-style-dark-brand #nav,
body.login.prk-security-login.prk-login-style-dark-brand #backtoblog {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 70px rgba(0,0,0,.32);
}

body.login.prk-security-login.prk-login-style-dark-brand label,
body.login.prk-security-login.prk-login-style-dark-brand .prk-login-intro strong {
  color: #fff;
}

body.login.prk-security-login.prk-login-style-dark-brand .prk-login-intro span,
body.login.prk-security-login.prk-login-style-dark-brand .forgetmenot label,
body.login.prk-security-login.prk-login-style-dark-brand #nav a,
body.login.prk-security-login.prk-login-style-dark-brand #backtoblog a {
  color: rgba(255,255,255,.76);
}

@media (max-width: 782px) {
  body.login.prk-security-login #login,
  body.login.prk-security-login.prk-login-style-boxed-irankala #login,
  body.login.prk-security-login.prk-login-style-center-card #login,
  body.login.prk-security-login.prk-login-style-minimal-pro #login,
  body.login.prk-security-login.prk-login-style-side-panel #login {
    position: relative;
    top: auto;
    right: auto !important;
    left: auto !important;
    bottom: auto;
    transform: none !important;
    width: min(92vw, var(--prk-login-panel, 380px));
    height: auto;
    min-height: 0;
    margin: 42px auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }

  body.login.prk-security-login:before {
    display: none !important;
  }

  body.login.prk-security-login form {
    padding: 22px;
  }
}

/* Keep WordPress password visibility icon on Dashicons font */
body.login.prk-security-login .dashicons,
body.login.prk-security-login .dashicons:before,
body.login.prk-security-login .dashicons:after,
body.login.prk-security-login .wp-hide-pw .dashicons,
body.login.prk-security-login .wp-hide-pw .dashicons:before,
body.login.prk-security-login .wp-hide-pw .dashicons:after {
  font-family: dashicons !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
}

body.login.prk-security-login .wp-hide-pw .dashicons {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  vertical-align: middle;
}