/**
 * Giriş / kayıt — zümrüt tema (modal overlay + tam sayfa .auth-bonus-page-backdrop)
 */

#auth-login-modal-overlay.bonus-modal-overlay,
#auth-register-modal-overlay.bonus-modal-overlay {
  background: rgba(7, 15, 12, 0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#auth-login-modal-overlay .bonus-modal.bonus-modal--auth,
#auth-register-modal-overlay .bonus-modal.bonus-modal--auth-register,
.auth-bonus-page-backdrop .bonus-modal.bonus-modal--standalone {
  background: linear-gradient(
    165deg,
    rgba(21, 61, 30, 0.92) 0%,
    #0f1f17 38%,
    #0b1511 100%
  );
  color: #e8e8e8;
  border: 1px solid rgba(47, 132, 68, 0.45);
  box-shadow:
    0 28px 56px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#auth-login-modal-overlay .bonus-modal-close,
#auth-register-modal-overlay .bonus-modal-close,
.auth-bonus-page-backdrop .bonus-modal-close {
  color: rgba(232, 232, 232, 0.88);
}

#auth-login-modal-overlay .bonus-modal-close:hover,
#auth-login-modal-overlay .bonus-modal-close:focus-visible,
#auth-register-modal-overlay .bonus-modal-close:hover,
#auth-register-modal-overlay .bonus-modal-close:focus-visible,
.auth-bonus-page-backdrop .bonus-modal-close:hover,
.auth-bonus-page-backdrop .bonus-modal-close:focus-visible {
  color: #fff;
  background: rgba(47, 132, 68, 0.28);
}

#auth-login-modal-overlay .bonus-modal--auth .bonus-modal-header,
#auth-register-modal-overlay .bonus-modal--auth-register .bonus-modal-header,
.auth-bonus-page-backdrop .bonus-modal--standalone .bonus-modal-header {
  background: linear-gradient(180deg, rgba(21, 61, 30, 0.88) 0%, rgba(11, 21, 17, 0.82) 100%);
  border-bottom: 1px solid rgba(47, 132, 68, 0.28);
}

#auth-login-modal-overlay .bonus-modal--auth .bonus-modal-title,
#auth-register-modal-overlay .bonus-modal--auth-register .bonus-modal-title,
.auth-bonus-page-backdrop .bonus-modal--standalone .bonus-modal-title {
  color: #f1f5f4;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

#auth-login-modal-overlay .auth-modal-mobile-logo,
#auth-register-modal-overlay .auth-modal-mobile-logo {
  color: #e8e8e8;
}

#auth-login-modal-overlay .bonus-modal-body--auth,
#auth-register-modal-overlay .bonus-modal-body--auth-register,
.auth-bonus-page-backdrop .bonus-modal-body--auth {
  background: rgba(11, 21, 17, 0.65);
}

#auth-login-modal-overlay .auth-modal-lead,
#auth-register-modal-overlay .auth-modal-lead,
.auth-bonus-page-backdrop .auth-modal-lead {
  color: #b8c9bf;
}

#auth-login-modal-overlay .auth-modal-sub,
#auth-register-modal-overlay .auth-modal-sub,
.auth-bonus-page-backdrop .auth-modal-sub {
  color: rgba(232, 197, 71, 0.82);
}

#auth-login-modal-overlay #auth-login-form .auth-form-label,
#auth-register-modal-overlay .bonus-modal-body--auth .form-label,
.auth-bonus-page-backdrop #auth-login-form .auth-form-label,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-label {
  color: #c8d8ce;
}

#auth-login-modal-overlay #auth-login-form .auth-form-input,
#auth-register-modal-overlay .bonus-modal-body--auth .form-input,
#auth-register-modal-overlay .bonus-modal-body--auth .form-select,
.auth-bonus-page-backdrop #auth-login-form .auth-form-input,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-input,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-select {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(47, 132, 68, 0.38);
  color: #f1f5f4;
}

#auth-login-modal-overlay #auth-login-form .auth-form-input::placeholder,
#auth-register-modal-overlay .bonus-modal-body--auth .form-input::placeholder,
.auth-bonus-page-backdrop #auth-login-form .auth-form-input::placeholder,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-input::placeholder {
  color: rgba(180, 190, 185, 0.55);
}

#auth-login-modal-overlay #auth-login-form .auth-form-input:focus,
#auth-register-modal-overlay .bonus-modal-body--auth .form-input:focus,
#auth-register-modal-overlay .bonus-modal-body--auth .form-select:focus,
.auth-bonus-page-backdrop #auth-login-form .auth-form-input:focus,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-input:focus,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-select:focus {
  border-color: rgba(82, 170, 104, 0.65);
  box-shadow: 0 0 0 3px rgba(47, 132, 68, 0.22);
}

#auth-login-modal-overlay #auth-login-form .auth-remember,
.auth-bonus-page-backdrop #auth-login-form .auth-remember {
  color: #b8c9bf;
}

#auth-login-modal-overlay #auth-login-form .auth-sep {
  color: rgba(180, 190, 185, 0.65);
}

#auth-login-modal-overlay #auth-login-form .auth-sep::before,
#auth-login-modal-overlay #auth-login-form .auth-sep::after {
  background: rgba(47, 132, 68, 0.28);
}

#auth-login-modal-overlay #auth-login-form .auth-forgot,
.auth-bonus-page-backdrop #auth-login-form .auth-forgot {
  color: #e8e8e8;
}

#auth-login-modal-overlay #auth-login-form .auth-support {
  border-top-color: rgba(47, 132, 68, 0.28);
  color: #b8c9bf;
}

#auth-login-modal-overlay #auth-login-form .auth-link-register,
#auth-register-modal-overlay .register-modal-switch-login,
.auth-bonus-page-backdrop #auth-login-form .auth-link-register {
  color: #7fd4a0;
}

#auth-login-modal-overlay #auth-login-form .auth-link-register:hover,
#auth-register-modal-overlay .register-modal-switch-login:hover,
.auth-bonus-page-backdrop #auth-login-form .auth-link-register:hover {
  color: #e8c547;
}

#auth-register-modal-overlay .register-modal-switch span {
  color: #b8c9bf !important;
}

#auth-register-modal-overlay .bonus-modal-body--auth .form-title,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-title {
  color: #f1f5f4;
}

#auth-register-modal-overlay .bonus-modal-body--auth .form-subtitle,
.auth-bonus-page-backdrop .bonus-modal-body--auth .form-subtitle {
  color: #9fd4ae;
}

#auth-register-modal-overlay .bonus-modal-body--auth .footer-divider,
.auth-bonus-page-backdrop .bonus-modal-body--auth .footer-divider {
  background: rgba(47, 132, 68, 0.28);
}

#auth-register-modal-overlay .bonus-modal-body--auth .support-link a,
.auth-bonus-page-backdrop .bonus-modal-body--auth .support-link a {
  color: #b8c9bf;
}

#auth-register-modal-overlay .bonus-modal-body--auth .support-link a:hover,
.auth-bonus-page-backdrop .bonus-modal-body--auth .support-link a:hover {
  color: #e8c547;
}

#auth-register-modal-overlay .bonus-modal-body--auth .alert-danger,
#auth-register-modal-overlay .bonus-modal-body--auth .alert-success,
.auth-bonus-page-backdrop .bonus-modal-body--auth .alert-danger,
.auth-bonus-page-backdrop .bonus-modal-body--auth .alert-success {
  background: rgba(47, 132, 68, 0.15);
  color: #e8f5ec;
  border-color: rgba(47, 132, 68, 0.42);
}

#auth-register-modal-overlay .bonus-modal-body--auth .alert-warning,
.auth-bonus-page-backdrop .bonus-modal-body--auth .alert-warning {
  background: rgba(232, 197, 71, 0.12);
  color: #f5edd8;
  border-color: rgba(232, 197, 71, 0.35);
}

#auth-register-modal-overlay .bonus-modal-body--auth .calendar-icon,
.auth-bonus-page-backdrop .bonus-modal-body--auth .calendar-icon {
  color: #9fd4ae;
}

#auth-register-modal-overlay .bonus-modal-body--auth .toggle-password,
.auth-bonus-page-backdrop .bonus-modal-body--auth .toggle-password {
  color: #b8c9bf;
}

.auth-bonus-page-backdrop {
  background: radial-gradient(ellipse 100% 60% at 50% 0%, rgba(47, 132, 68, 0.22), transparent 55%),
    linear-gradient(180deg, #070f0c 0%, #0b1511 45%);
}

@media (max-width: 575px) {
  #auth-login-modal-overlay .bonus-modal-back,
  #auth-register-modal-overlay .bonus-modal-back {
    background: rgba(47, 132, 68, 0.28);
    color: #f1f5f4;
  }
}