/* =====================================================
   TrapBoyz.co – Login Page Styles (FINAL + FIXED)
   ===================================================== */

/* ---- PAGE BACKGROUND ---- */
body.login {
  background-image: url('https://trapboyz.co/wp-content/uploads/2026/01/Background-02.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll;

  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

/* ---- REMOVE WORDPRESS LOGO ---- */
body.login h1 {
  display: none;
}

/* ---- LOGIN WRAPPER ---- */
body.login #login {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding-top: 32vh;
}

/* =====================================================
   LOGIN HEADER (BADGE + GREETING)
   ===================================================== */
body.login .tb-login-header {
  text-align: center;
  margin-bottom: 18px;
}

body.login .tb-badge {
  display: inline-block;
  background: rgba(0, 255, 156, 0.12);
  border: 1px solid rgba(0, 255, 156, 0.35);
  color: #7fffd4;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 6px;
}

body.login .tb-greeting {
  font-size: 13px;
  color: rgba(255,255,255,0.75);
  letter-spacing: 0.3px;
}

/* =====================================================
   FORM
   ===================================================== */
body.login #login form {
  background: rgba(10, 20, 15, 0.88);
  backdrop-filter: blur(8px);
  border-radius: 14px;
  padding: 32px 32px 48px;
  border: 1px solid rgba(0, 255, 140, 0.18);
  box-shadow: 0 25px 70px rgba(0,0,0,0.6);
}

/* ---- LABELS ---- */
body.login label {
  color: #ffffff;
  font-weight: 600;
}

/* ---- INPUTS ---- */
body.login input[type="text"],
body.login input[type="password"] {
  background: #050a08;
  border: 1px solid rgba(0,255,140,0.25);
  color: #eafff3;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
}

/* ---- SUBMIT ROW ---- */
body.login .submit {
  margin-top: 22px;
  padding-bottom: 42px;
}

/* ---- BUTTON ---- */
body.login .button-primary {
  width: 100%;
  background: linear-gradient(135deg, #00ff9c, #00c67a);
  border: none;
  color: #022016;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 10px;
  padding: 14px;
}

/* ---- ERROR MESSAGE ---- */
body.login .error {
  background: rgba(255,0,0,0.08);
  border-left: 4px solid #ff4d4d;
  color: #ffdada;
}

/* =====================================================
   DISCLAIMER
   ===================================================== */
body.login #login form::after {
  content: "TrapBoyz.co is a private, login-required cannabis distribution platform. Access is limited to approved, licensed accounts only. All products, pricing, and content are confidential and not available to the general public. Unauthorized access or use is prohibited.\A\A Login issues: Support@TrapBoyz.co\A Account setup: Accounts@TrapBoyz.co";
  white-space: pre-line;
  display: block;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.15);
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
  color: rgba(255,255,255,0.65);
}

/* ---- HIDE WORDPRESS LINKS ---- */
#nav,
#backtoblog,
.privacy-policy-page-link,
.lost-password {
  display: none !important;
}

/* =====================================================
   FORCE IP MONITOR BOTTOM RIGHT (LOGIN PAGE ONLY)
   ===================================================== */
body.login .tb-global-ip {
  position: fixed !important;
  bottom: 14px !important;

  right: 16px !important;  /* ✅ FORCE RIGHT */
  left: auto !important;   /* ❌ OVERRIDE LEFT */

  z-index: 999999 !important;
  font-size: 11px;
  color: rgba(255,255,255,0.7);
  background: rgba(0,0,0,0.55);
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(6px);
  pointer-events: none;
}

/* ---- MOBILE ---- */
@media (max-width: 480px) {
  body.login #login {
    padding-top: 18vh;
    padding-left: 16px;
    padding-right: 16px;
  }

  body.login .tb-global-ip {
    bottom: 10px !important;
    right: 10px !important;
    font-size: 10px;
  }
}