/**
 * Custom WordPress Login Styles
 * 
 * Applies brand-specific logo, tiled background,
 * and general visual polish for the login screen.
 *
 * @package StappGate
 */

/* ======================
   🔷 Page Background
   ====================== */
body.login {
  background-image: var(--stappgate-login-bg);
  background-repeat: repeat;
  background-position: top left;
  background-size: auto;
  background-color: #f5f7fa; /* fallback color */
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ======================
   🪪 Login Logo
   ====================== */
#login h1 a,
.login h1 a {
  background-image: var(--stappgate-login-logo);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  margin: 0 auto 20px;
  display: block;
}

/* ======================
   📋 Login Form
   ====================== */
.login form {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  padding: 26px 24px 30px;
  border: 1px solid #e0e4ea;
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border-radius: 4px;
  border: 1px solid #ccd0d4;
  box-shadow: none;
  font-size: 14px;
}

/* ======================
   🔘 Buttons
   ====================== */
.wp-core-ui .button-primary {
  background-color: #0073aa;
  border-color: #0073aa;
  text-shadow: none;
  box-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background-color: #005f8d;
  border-color: #005f8d;
}

/* ======================
   🚫 Hide Lost Password Link
   ====================== */

/* Nuclear option: Hide the entire nav section that contains "Lost your password?" */
body.login #nav,
body.login-action-login #nav,
#login #nav,
.login #nav,
#login p#nav,
.login p#nav {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Specific targeting for the lost password link itself */
body.login #nav a[href*="action=lostpassword"],
body.login #nav a[href*="lostpassword"],
.login #nav a[href*="action=lostpassword"],
.login #nav a[href*="lostpassword"],
#login #nav a[href*="action=lostpassword"],
#login #nav a[href*="lostpassword"],
a[href*="wp-login.php?action=lostpassword"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ======================
   🗨️ Notices
   ====================== */
.login .notice.notice-error {
  border-left: 4px solid #d63638;
  background: #fff5f5;
  padding: 12px 15px;
  margin-bottom: 20px;
}