/**
 * Password Form Styling for Restrict Content Pro
 *
 * Styles the password change form to match theme styling
 *
 * @package Tecology
 * @since 1.0.0
 */

/* Form Container */

#rcp_password_form {
  padding: 0px !important;
  border: 0px !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.rcp_change_password_fieldset {
  padding: 0px !important;
  border: 0px !important;
  width: 100%;
  max-width: 100%;
}

/* Field containers */
#rcp_password_form p {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* Labels */
#rcp_password_form label {
  display: block;
  margin-bottom: var(--wp--preset--spacing--10);
  font-weight: 500;
  color: var(--wp--preset--color--contrast);
}

/* Password inputs */
#rcp_password_form input[type='password'] {
  width: 100%;
  padding: 10px 12px;
  font-size: var(--wp--preset--font-size--small);
  transition: all 0.2s ease;
  box-sizing: border-box;
  max-width: 100%;
}

/* Submit Button */
#rcp_password_form input[type='submit'] {
  margin-top: var(--wp--preset--spacing--20);
  margin-bottom: 0px !important;
  display: inline-block;
  padding: var(--button-padding-y) var(--button-padding-x);
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--base);
  border: none;
  border-radius: var(--button-border-radius);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

#rcp_password_form input[type='submit']:hover {
  background-color: var(--wp--preset--color--accent-hover, #2a6daf);
}

/* Error messages */
.rcp_message.error {
  background-color: rgba(229, 57, 53, 0.1);
  border: 1px solid rgba(229, 57, 53, 0.3);
  border-radius: var(--wp--custom--border-radius--small, 4px);
  color: var(--wp--preset--color--error, #e53935);
  margin: 1em 0;
  padding: 10px 15px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.rcp_message.error p.rcp_error {
  margin: 0;
  padding: 0;
  font-size: var(--wp--preset--font-size--small, 0.9rem);
  text-align: center;
}

.rcp_message.error span {
  display: block;
  padding: 3px 0;
  text-align: center;
}

#rcp_password_form .rcp_error {
  color: var(--wp--preset--color--error, #e53935);
  font-size: var(--wp--preset--font-size--small);
  margin-top: var(--wp--preset--spacing--10);
  display: block;
  text-align: center;
}

/* Success messages */
#rcp_password_form .rcp_success {
  background-color: var(--wp--preset--color--success-bg, #d4edda);
  color: var(--wp--preset--color--success, #155724);
  padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
  border-radius: var(--wp--custom--border-radius--small);
  margin-bottom: var(--wp--preset--spacing--20);
  font-size: var(--wp--preset--font-size--small);
  text-align: center;
}

.is-style-dark #rcp_password_form .rcp_success {
  background-color: rgba(21, 87, 36, 0.2);
  color: #4caf50;
}

/* Success message styling */
.rcp_message.success {
  background-color: rgba(21, 87, 36, 0.1);
  border: 1px solid rgba(21, 87, 36, 0.3);
  border-radius: var(--wp--custom--border-radius--small, 4px);
  color: var(--wp--preset--color--success, #155724);
  margin: 1em 0;
  padding: 10px 15px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.rcp_message.success p {
  margin: 0;
  padding: 0;
  font-size: var(--wp--preset--font-size--small, 0.9rem);
  text-align: center;
}

/* Password strength meter */
.pass-strength-result {
  margin-top: var(--wp--preset--spacing--10);
  padding: 6px 12px;
  font-size: var(--wp--preset--font-size--small);
  border-radius: var(--wp--custom--border-radius--small);
  text-align: center;
}

.pass-strength-result.short {
  background-color: #f1c0c0;
  color: #9a0000;
}

.pass-strength-result.bad {
  background-color: #fbc5a9;
  color: #c35400;
}

.pass-strength-result.good {
  background-color: #ffe399;
  color: #855a00;
}

.pass-strength-result.strong {
  background-color: #c1e1b9;
  color: #166516;
}

.is-style-dark .pass-strength-result.short {
  background-color: rgba(154, 0, 0, 0.2);
  color: #f1c0c0;
}

.is-style-dark .pass-strength-result.bad {
  background-color: rgba(195, 84, 0, 0.2);
  color: #fbc5a9;
}

.is-style-dark .pass-strength-result.good {
  background-color: rgba(133, 90, 0, 0.2);
  color: #ffe399;
}

.is-style-dark .pass-strength-result.strong {
  background-color: rgba(22, 101, 22, 0.2);
  color: #c1e1b9;
}

/* Password hints */
.password-hints {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--contrast-2);
  margin-top: var(--wp--preset--spacing--10);
}

.is-style-dark .password-hints {
  color: var(--wp--preset--color--base-2);
}

/* Optional: Responsive adjustments */
@media (max-width: 768px) {
  #rcp_password_form {
    padding: var(--wp--preset--spacing--10);
  }
}

/* Fix for all form elements */
.rcp_form * {
  box-sizing: border-box;
}