/* =============================================
   REGISTER FORM — DERMLUXA
   ============================================= */

.account-register-inner {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 2.5rem;
  max-width: 460px;
  margin: 2rem auto;
}

.account-register-inner h3.uppercase {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #1a1a1a;
  margin-bottom: 1.75rem;
  text-transform: uppercase;
}

.account-register-inner p.woocommerce-form-row {
  margin-bottom: 1.1rem !important;
  padding: 0 !important;
}

.account-register-inner p.woocommerce-form-row > label {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
  text-transform: none;
}

.account-register-inner .required {
  color: #e24b4a;
}

.account-register-inner .woocommerce-Input--text {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 8px !important;
  font-size: 14.5px !important;
  color: #1a1a1a !important;
  background: #fafafa !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s !important;
  height: auto !important;
}

.account-register-inner .woocommerce-Input--text:focus {
  border-color: #185fa5 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(24, 95, 165, 0.1) !important;
}

.account-register-inner .password-input {
  position: relative;
  display: block;
}

.account-register-inner .password-input .woocommerce-Input--text {
  padding-right: 44px !important;
}

.account-register-inner .password-input .show-password-input:nth-of-type(2) {
  display: none !important;
}

.account-register-inner .password-input .show-password-input {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px !important;
  margin: 0 !important;
  cursor: pointer !important;
  color: #aaa !important;
  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  min-height: unset !important;
}

.account-register-inner .password-input .show-password-input:hover {
  color: #000000 !important;
  background: transparent !important;
}

.account-register-inner p.form-row {
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.account-register-inner .woocommerce-form-register__submit,
.account-register-inner .woocommerce-Button {
  width: 100% !important;
  padding: 11px 28px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  text-align: center !important;
}

.account-register-inner .woocommerce-form-register__submit:hover,
.account-register-inner .woocommerce-Button:hover {
  background: #0f0f0f !important;
}

.account-register-inner .woocommerce-privacy-policy-text {
  font-size: 12px !important;
  color: #999 !important;
  line-height: 1.7 !important;
  margin: 1.25rem 0 1rem !important;
  border-top: 1px solid #f0f0f0 !important;
  padding-top: 1.25rem !important;
}

.account-register-inner .woocommerce-privacy-policy-text a {
  color: #000000 !important;
  text-decoration: none !important;
}

.account-register-inner .woocommerce-privacy-policy-text a:hover {
  text-decoration: underline !important;
}

.account-register-inner .woocommerce-error {
  background: #fcebeb !important;
  border: 1px solid #f09595 !important;
  border-left: 4px solid #e24b4a !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  color: #a32d2d !important;
  margin-bottom: 1.5rem !important;
  list-style: none !important;
}
.pb-0 {
    margin: auto !important;
}

@media (max-width: 600px) {
  .account-register-inner {
    padding: 1.75rem 1.25rem;
    margin: 1rem 0;
    border-radius: 10px;
  }
}