/* Scope clean reductions strictly to Login/Register */
#loginModal .modal-box *, #registerModal .modal-box *, .auth-page * {
  transition: filter 0s, color 0.15s, background 0.15s, border-color 0.15s !important;
}
#loginModal .modal-box img, #loginModal .modal-box svg, #loginModal .modal-box video, #loginModal .modal-box canvas,
#registerModal .modal-box img, #registerModal .modal-box svg, #registerModal .modal-box video, #registerModal .modal-box canvas,
.auth-page img, .auth-page svg, .auth-page video, .auth-page canvas {
  filter: none !important; box-shadow: none !important;
}


#loginModal .modal-box button, #loginModal .modal-box .btn, #loginModal .modal-box .auth-btn,
#registerModal .modal-box button, #registerModal .modal-box .btn, #registerModal .modal-box .auth-btn,
.auth-page button, .auth-page .btn, .auth-page .auth-btn {
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}


.modal-box #loginSubmitBtn, .modal-box #registerSubmitBtn,
.auth-page #loginSubmitBtn, .auth-page #registerSubmitBtn {
  display: block !important;
  margin: 0.6rem auto 0 !important;
  padding: 0.45rem 0.85rem !important;
  font-size: 0.88rem !important;
  border-radius: 14px !important; /* по-заоблени бутони */
}
#loginModal .modal-box #loginSubmitBtn:disabled, #loginModal .modal-box #registerSubmitBtn:disabled,
#registerModal .modal-box #loginSubmitBtn:disabled, #registerModal .modal-box #registerSubmitBtn:disabled,
.auth-page #loginSubmitBtn:disabled, .auth-page #registerSubmitBtn:disabled { opacity: 0.5 !important; cursor: not-allowed !important; }


#loginModal.modal-overlay, #registerModal.modal-overlay, .auth-page .modal-overlay { backdrop-filter: blur(4px) !important; }
#loginModal .modal-box, #registerModal .modal-box, .auth-page .modal-box {
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  padding: 1rem 1rem !important;
  text-align: left !important;
  width: 360px !important;
  max-width: 90% !important;
  margin-top: 8px !important; 
  background: #121212 !important; /* много тъмно сиво за картата */
  color: #ffffff !important;
}
#loginModal .modal-header, #registerModal .modal-header, .auth-page .modal-header { display: flex; align-items: center; justify-content: center; gap: 0.6rem; margin-bottom: 0.5rem; }
#loginModal .modal-icon-large, #registerModal .modal-icon-large, .auth-page .modal-icon-large { width: 40px; height: 40px; display: block; margin: 0 auto; }
#loginModal .modal-box .modal-header h2, #registerModal .modal-box .modal-header h2, .auth-page .modal-box .modal-header h2 { display: none !important; }


#loginModal .modal-box form, #registerModal .modal-box form, .auth-page .modal-box form { max-width: 320px !important; margin: 0 auto !important; }


#loginModal .modal-box .form-group, #registerModal .modal-box .form-group, .auth-page .modal-box .form-group { margin-bottom: 0.8rem !important; }
#loginModal .modal-box label, #registerModal .modal-box label, .auth-page .modal-box label { font-weight: 600; display: block; margin-bottom: 0.25rem; }
#loginModal .modal-box input[type="text"], #loginModal .modal-box input[type="password"], #loginModal .modal-box input[type="email"],
#loginModal .modal-box input[type="search"], #loginModal .modal-box textarea, #loginModal .modal-box select,
#registerModal .modal-box input[type="text"], #registerModal .modal-box input[type="password"], #registerModal .modal-box input[type="email"],
#registerModal .modal-box input[type="search"], #registerModal .modal-box textarea, #registerModal .modal-box select,
.auth-page .modal-box input[type="text"], .auth-page .modal-box input[type="password"], .auth-page .modal-box input[type="email"],
.auth-page .modal-box input[type="search"], .auth-page .modal-box textarea, .auth-page .modal-box select {
  width: 100%;
  border: 1px solid #333 !important;
  background: #121212 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 0.55rem 0.7rem !important; 
  outline: none !important;
}
#loginModal .modal-box input:focus, #loginModal .modal-box textarea:focus, #loginModal .modal-box select:focus,
#registerModal .modal-box input:focus, #registerModal .modal-box textarea:focus, #registerModal .modal-box select:focus,
.auth-page .modal-box input:focus, .auth-page .modal-box textarea:focus, .auth-page .modal-box select:focus { border-color: #444 !important; box-shadow: none !important; }
#loginModal .modal-box .input-info, #registerModal .modal-box .input-info, .auth-page .modal-box .input-info { opacity: 0.9; }


#loginModal .modal-box input[type="text"],
#loginModal .modal-box input[type="password"],
#loginModal .modal-box input[type="email"],
#loginModal .modal-box input[type="search"],
#loginModal .modal-box textarea,
#loginModal .modal-box select,
#registerModal .modal-box input[type="text"],
#registerModal .modal-box input[type="password"],
#registerModal .modal-box input[type="email"],
#registerModal .modal-box input[type="search"],
#registerModal .modal-box textarea,
#registerModal .modal-box select,
.auth-page .modal-box input[type="text"],
.auth-page .modal-box input[type="password"],
.auth-page .modal-box input[type="email"],
.auth-page .modal-box input[type="search"],
.auth-page .modal-box textarea,
.auth-page .modal-box select {
  padding: 0.45rem 0.6rem !important;
  font-size: 0.9rem !important;
}

.login-error, #loginError, .register-error, #registerError,
.auth-error, .form-error,
#loginModal .modal-box .error, #loginModal .modal-box .error-message,
#registerModal .modal-box .error, #registerModal .modal-box .error-message,
.auth-page .modal-box .error, .auth-page .modal-box .error-message {
  display: block !important;
  color: var(--accent) !important;
  background: transparent !important;
  border: none !important;
  padding: 0.25rem 0 !important;
  margin: 0.25rem 0 0.6rem 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  min-height: 1.1em !important; 
}
.login-error:empty, #loginError:empty, .register-error:empty, #registerError:empty,
.auth-error:empty, .form-error:empty,
#loginModal .modal-box .error:empty, #loginModal .modal-box .error-message:empty,
#registerModal .modal-box .error:empty, #registerModal .modal-box .error-message:empty,
.auth-page .modal-box .error:empty, .auth-page .modal-box .error-message:empty {
  margin: 0 !important; padding: 0 !important; min-height: 0 !important;
}


#loginModal .modal-box .cf-turnstile, #registerModal .modal-box .cf-turnstile, .auth-page .modal-box .cf-turnstile { margin-top: 0.35rem !important; margin-bottom: 0.6rem !important; }


#loginModal .modal-box .btn-cancel, #loginModal .modal-box .cancel, #loginModal .modal-box button.cancel,
#loginModal .modal-box .modal-cancel, #loginModal .modal-box .secondary-action,
#registerModal .modal-box .btn-cancel, #registerModal .modal-box .cancel, #registerModal .modal-box button.cancel,
#registerModal .modal-box .modal-cancel, #registerModal .modal-box .secondary-action {
  display: none !important;
}

#loginModal .modal-box [class*="cancel"], #loginModal .modal-box [id*="cancel"],
#registerModal .modal-box [class*="cancel"], #registerModal .modal-box [id*="cancel"] {
  display: none !important;
}
#closeLoginModal, #closeRegisterModal { display: none !important; }