/* =========================================================================
   IHEA-USA — sign in + create account, site 22
   assets/css/huntered-login.css

   Covers TWO different pages:
     wp-login.php   body.login.bb-login          form#loginform
     /register/     body.registration.register   form.signup-form
                    (page-id-1509, a normal front-end page — wp-login.php
                     ?action=register redirects here)

   Both render the same split panel markup (.login-split / .split-overlay),
   but the body classes differ: wp-login.php gets login + bb-login,
   /register/ gets buddypress + registration + register. Panel rules list
   both, because the theme'''s own scrim rule is 4 classes deep.

   Background image, overlay opacity, heading text and button colours are
   Theme Options > Login. Do not duplicate them here.
   ========================================================================= */

:root {
  --ihea-navy:  #003A5D;
  --ihea-rust:  #BE4F33;
  --ihea-cream: #ECE7CE;
  --ihea-ink:   #3E4749;
  --ihea-line:  #D8DCD7;

  --ihea-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --ihea-body:    "Barlow Semi Condensed", "Arial Narrow", sans-serif;
}

/* =========================================================================
   1. Split panel — both pages
   ========================================================================= */

/* Opacity stays under the Theme Options slider; only the hue is set here.
/* The scrim's black is set by buddypress.min.css (theme) at
     body.buddypress.register.login-split-page .split-overlay
   which scores (0,4,1). A generic .login-split-page selector scores
   (0,3,1) and loses even when this file loads, so mirror their
   selectors exactly rather than trying to be concise. */
body.buddypress.register.login-split-page .login-split .split-overlay,
body.buddypress.activate.login-split-page .login-split .split-overlay,
body.login.login-split-page .login-split .split-overlay {
  background-color: var(--ihea-navy);
}
body.buddypress.register.login-split-page .login-split,
body.buddypress.activate.login-split-page .login-split,
body.login.login-split-page .login-split {
  background-color: var(--ihea-navy);
}

body.login-split-page .login-split__entry h1 {
  font-family: var(--ihea-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: 1.06;
  text-wrap: balance;
}
body.login-split-page .login-split__entry p {
  font-family: var(--ihea-body);
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .88);
}

/* =========================================================================
   2. Shared control treatment
   ========================================================================= */

/* Square edges, weighted bottom rule, navy on focus — matches the WS Form
   contact form on the blogs.

   No horizontal padding on the wp-login inputs: BuddyBoss draws the
   user/lock icons as a :before on the label and reserves 40px of inset
   (login.css:5093). A padding shorthand drops the icon onto the text. */
body.login.bb-login #loginform input[type="text"],
body.login.bb-login #loginform input[type="password"],
body.registration .signup-form input[type="text"],
body.registration .signup-form input[type="email"],
body.registration .signup-form input[type="password"],
body.registration .signup-form select {
  border: 1px solid var(--ihea-line);
  border-bottom-width: 2px;
  border-radius: 0;
  font-family: var(--ihea-body);
  font-size: 16px;
  color: var(--ihea-ink);
  background: #fff;
  box-shadow: none;
}

body.login.bb-login #loginform input:focus,
body.registration .signup-form input:focus,
body.registration .signup-form select:focus {
  border-color: var(--ihea-navy);
  box-shadow: inset 0 -2px 0 var(--ihea-navy);
  outline: 0;
}

/* Submit. Colour comes from Theme Options via
   --bb-login-register-button-background-color-regular, so this is geometry
   and type only. */
body.login.bb-login #wp-submit,
body.registration .signup-form #signup_submit {
  border-radius: 0;
  font-family: var(--ihea-display);
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 15px 30px;
  /* theme.min.css sets a flat height:41px on input,select,textarea. With
     border-box that clips the padding and drags the label off centre. */
  height: auto;
  min-height: 0;
  line-height: 1;
}

/* =========================================================================
   3. /register/ only
   ========================================================================= */

body.registration .signup-form {
  font-family: var(--ihea-body);
}

/* Section headings. Two sections ship: .default-profile (email/password)
   and .extended-profile (the xprofile fields). */
body.registration .register-section > h2,
body.registration .register-section > h3 {
  font-family: var(--ihea-display);
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--ihea-navy);
  padding-bottom: 8px;
  margin-bottom: 22px;
  border-bottom: 2px solid var(--ihea-cream);
}

/* Field labels. The account section uses bare <label>; xprofile fields in
   .editfield use <legend>. Both get the condensed caps treatment. */
body.registration .signup-form .default-profile label,
body.registration .signup-form .editfield legend {
  display: block;
  margin-bottom: 6px;
  font-family: var(--ihea-display);
  font-weight: 700;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ihea-ink);
}

/* Required marker. */
body.registration .signup-form .required-field legend:after,
body.registration .signup-form .label-required {
  color: var(--ihea-rust);
}

/* BuddyBoss stripes alternate xprofile rows with .alt — drop it, the rule
   under each label already separates them. */
body.registration .signup-form .editfield.alt {
  background: transparent;
}

body.registration .signup-form .editfield {
  margin-bottom: 20px;
}

/* Helper and error text. */
body.registration .signup-form .field-visibility-settings-notoggle,
body.registration .signup-form p.description {
  font-family: var(--ihea-body);
  font-size: 13.5px;
  color: #5D6762;
}
body.registration .signup-form .error,
body.registration .signup-form .bp-feedback.error {
  font-family: var(--ihea-body);
  border-radius: 0;
}

/* =========================================================================
   4. Narrow screens — parent hides the panel under 768px
   ========================================================================= */
@media (max-width: 767px) {
  body.login.login-split-page #login { padding: 32px 24px; }
}