/* Dark theme—portal-forgot-password.css */

.pfp-form-container {
  background: transparent;
  max-width: 400px;
  margin: 40px auto;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
      font-size: 16px;
      color: #aaa;
}

.pfp-form-container form.pfp-step-form p {
  margin-bottom: 16px;
  font-size: 13px;
  color: #7F7F7F;
}

.pfp-form-container label {
  display: block;
  color: #AAAAAA;
  font-size: 12px;
  margin-bottom: 0px;
  padding-left: 0px;
}

.pfp-form-container input[type="text"],
.pfp-form-container input[type="email"] {
  width: 100%;
  padding: 14px 24px;
  margin-top: -12px;
  margin-bottom: 6px;
  background: transparent;
  border: 2px solid #707070;
  border-radius: 360px;
  color: #fff;
  transition: border-color .2s, background-color .2s;
}

.pfp-form-container input::placeholder {
  color: rgba(255,255,255,0.5);
}

.pfp-form-container input:focus {
  outline: none;
  border-color: #1e90ff;
  background: rgba(255,255,255,0.15);
}

/* Iconlu inputlar */
.pfp-form-container input.icon-portal-user    { background: url('https://pro.barbarianstrading.com/wp-content/uploads/2025/05/portal-kullanici-adi-scon.svg') no-repeat 16px center; padding-left:48px; }
.pfp-form-container input.icon-mail           { background: url('https://pro.barbarianstrading.com/wp-content/uploads/2025/05/mail-icon.svg') no-repeat 16px center; padding-left:48px; }
.pfp-form-container input.icon-bybit-uid      { background: url('https://pro.barbarianstrading.com/wp-content/uploads/2025/05/bybit-uid-icon.svg') no-repeat 16px center; padding-left:48px; }
.pfp-form-container input.icon-gecis-kodu     { background: url('https://pro.barbarianstrading.com/wp-content/uploads/2025/05/gecis-kodu-icon.svg') no-repeat 16px center; padding-left:48px; }

/* Hata mesajları */
.pfp-error-message {
  color: #e74c3c;
  font-size: .875rem;
  margin-top:4px;
  padding-left:12px;
}

/* Butonlar */
.pfp-form-container button {
  width: 100%;
  padding: 12px;
  margin-top: 12px;
  background: #fff;
  border: none;
  border-radius: 360px;
  color: #000;
  font-weight:600;
  cursor:pointer;
  transition: background .2s;
}

.pfp-form-container button:hover {
  background: #fff;
  color: #000;
}

/* Küçük dönen loader */
.pfp-btn-spinner {
  display: inline-block;
  width:16px; height:16px;
  border:2px solid transparent;
  border-top-color:#000;
  border-left-color:#000;
  border-radius:50%;
  animation:pfp-spin .8s linear infinite;
  margin-right:8px;
}
@keyframes pfp-spin { to { transform:rotate(360deg); } }


.pfp-login-button {
  display: inline-block;
  width: 100%;
  padding: 12px;
  background-color: #fff;
  border: none;
  border-radius: 360px;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease;
  text-align: center;
}