/* ==================================================================
   LD 2026 reskin — the logged-out account forms.

   Shared by three templates, each of which adds the `ldsu26` body class:
     templates/sign-up.php         consumer sign-up  (Reskin _ Signup.jpg,
                                   Reskin _ Signup - Almost there.jpg)
     templates/ld-clerk.php        clerk sign-up     (Reskin _ Clerk Signup.jpg)
     templates/forgot-password.php forgot password / PIN  (no comp supplied)

   What all three share is the page furniture: the red ground, the
   ABC Gravity headline, the .wrapper fix, the footer-on-red and the
   MAKE IT COUNT lockup. The two sign-up pages additionally share the
   whole form — .page_signup_container wrapping .sign_up.signup_new,
   the same field rows, section h3s and .sign_up_continue submit — so
   that geometry lives here once rather than being copied into each
   template, where it would drift.

   Page-specific blocks are scoped at the bottom:
     body.ldsu26-clerk   the Select2 store picker
     body.ldsu26-forgot  its own card, field, buttons and messages

   Scoped to the body class, not a page ID, so it survives the page
   having a different ID in another environment. No form markup was
   restyled away: both templates keep their single #signupForm POST
   (task=sign_up / task=clerk_sign_up) untouched.

   Comps are 2880 wide = 2x of 1440; every px here is a 1x value.
   ================================================================== */

/* ---- red ground -------------------------------------------------- */
body.ldsu26 {
	background: var(--ld-red) !important;
	background-image: var(--ld-red-grad) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-attachment: scroll !important;
}

/* ---- shell: card is 1068 centred, the same measure as the comp ----
   .wrapper is inset by a percentage (max-width: calc(-25% + 1440px) with
   auto margins), so between about 768 and 1200 it is far narrower than the
   footer, which sits outside it. Neutralising it here lets the headline,
   the card and the footer row all resolve against the same viewport
   measure and stay flush at every width. The header is not rendered on
   this logged-out page, so nothing else depends on .wrapper's width. */
body.ldsu26 .wrapper { max-width: none; margin-left: 0; margin-right: 0; }
body.ldsu26 .container { padding: 0; }
body.ldsu26 .ldsu26-head,
body.ldsu26 .page_signup_container {
	width: min(1068px, 100%);
	max-width: none;
	min-height: 0;          /* new-layout.css pins this at 920px */
	margin: 0 auto;
}

/* ---- headline ---------------------------------------------------- */
/* The confirmation comp draws its card 41px higher than the form comp does,
   with the headline in the same place on both. Matched to each comp. */
body.ldsu26 .ldsu26-head { padding: 153px 0 64px; }
body.ldsu26 .ldsu26-head--success { padding-bottom: 22.75px; }
body.ldsu26 .ldsu26-title {
	margin: 0;
	padding: 0;
	font-family: var(--ld-font-display);
	font-weight: 400;
	font-size: 78px;
	line-height: 1;
	letter-spacing: -0.005em;
	text-transform: uppercase;
	color: #fff;
}

/* ---- card -------------------------------------------------------- */
body.ldsu26 .page_signup_container {
	padding: 28.75px 54px 54.5px;
	border: none;
	border-radius: 24px;
	background: #fff;
	box-shadow: none;
}
body.ldsu26 .sign_up { padding: 0; margin: 0; }

/* intro line above the form. new-layout.css ships a blanket
   `p { line-height: 25px !important }`, so every paragraph measure
   here has to reclaim its line-height the same way. */
body.ldsu26 .signup_new > p {
	margin: 0;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 24px !important;
	color: #A5AAB9;
}

/* ---- two columns: 460 + 40 gutter + 460 inside a 960 measure ------ */
body.ldsu26 .signup_new .form_container { margin: 26.25px 0 0; }
body.ldsu26 .signup_new .contact_information { width: 47.917%; float: left; }
body.ldsu26 .signup_new .address_information { width: 47.917%; float: right; }

/* ---- section headings -------------------------------------------- */
/* The comp draws these in Druk Heavy Italic, the legacy face. The 2026
   system assigns section titles to Neutraface 2 Text Bold (see the header
   comment in css/ldc-brand-fonts.css), which is what the login splash
   already uses for its labels and buttons — so they are set in that
   instead. Druk is ultra-condensed and Neutraface is not, so matching the
   comp's 19.75px cap would make these twice as wide and swamp the 460
   column; 20px carries the same weight as a label at a sane measure. */
body.ldsu26 .signup_new h3,
body.ldsu26 .page_signup_container h3 {
	margin: 0 0 21.25px;
	padding: 0;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 27.5px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #D71921;
}

/* ---- fields: 62 tall on a 78 pitch, hairline underline ----------- */
body.ldsu26 .signup_new .field_row { margin: 0 -15px; }
body.ldsu26 .signup_new .field_col { padding: 0 15px 15px; }
body.ldsu26 .signup_new .form_container input[type="text"],
body.ldsu26 .signup_new .form_container input[type="email"],
body.ldsu26 .signup_new .form_container input[type="phone"],
body.ldsu26 .signup_new .form_container input[type="password"],
body.ldsu26 .signup_new .form_container select {
	display: block;              /* inline-block adds a 1px line-box leading, which
	                                turns the comp's 78 pitch into 79 */
	height: 62px;
	padding: 21.25px 20px 18.75px 37px;
	border: none;
	border-bottom: 1px solid #000;
	border-radius: 0;
	background-color: transparent;
	font-family: var(--ld-font-body);
	font-size: 15px;
	line-height: 21px;
	color: #A5AAB9;
	box-sizing: border-box;
	width: 100%;
}
/* Every icon is set by an ID rule in new-layout.css using the `background`
   shorthand, which resets background-size/position and out-specifies any
   class selector — hence !important rather than a longer selector. The
   icons are ten different sizes, so they are left at their natural size
   and only centred; the comp sits them 1.7px below the field's centre. */
body.ldsu26 .signup_new .form_container select {
	background-position: right 0 top calc(50% + 1.7px) !important;
}
   
body.ldsu26 .signup_new .form_container input,
body.ldsu26 .signup_new .form_container select#state {
	background-position: left 0 top calc(50% + 1.7px) !important;
}

body.ldsu26 .signup_new .form_container .first_name .firstname,
body.ldsu26 .signup_new .form_container .last_name .lastname {
	background-size: 21.7px 21.7px !important;
}
body.ldsu26 .signup_new .form_container .phone_input input { background-size: 18px auto !important; }
body.ldsu26 .signup_new .form_container input::placeholder { color: #A5AAB9; opacity: 1; }

/* ---- newsletter / SMS opt-in ------------------------------------- */
body.ldsu26 .signup_new .email_information {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 20.5px 0 0;
	font-family: var(--ld-font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.4;
	color: var(--ld-ink);
}
body.ldsu26 .signup_new .email_information .check-container {
	top: 0;
	flex: 0 0 25px;
	margin: 0 11.5px 0 0;
}
body.ldsu26 .signup_new .checkmark {
	width: 25px;
	height: 25px;
	border: 1px solid var(--ld-ink);
	border-radius: 6px;
	background: #fff;
}

/* ---- date of birth ----------------------------------------------- */
/* padding, not margin: `clear: both` resolves the clearance against the
   taller float and swallows a margin-top outright. */
body.ldsu26 .signup_new .section-dob { clear: both; margin: 0; padding: 11px 0 0; }
body.ldsu26 .signup_new .section-dob .note {
	margin: 24.75px 0 13px;
	padding: 0;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 24px !important;
	color: #A5AAB9;
}

/* ---- electronic signature ---------------------------------------- */
body.ldsu26 .signup_new .electronic_signature1 { margin: 11.5px 0 0; }
/* the h3 carries an inline style="margin-bottom:5px" */
body.ldsu26 .signup_new .electronic_signature1 h3 { margin-bottom: 10.7px !important; }
/* and both h4s carry inline font-size/font-weight */
body.ldsu26 .signup_new .electronic_signature1 h4 {
	margin: 0 0 18.5px;
	padding: 0;
	font-family: var(--ld-font-body);
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 19.5px;
	color: #000;
}
body.ldsu26 .signup_new .electronic_signature1 h4 b,
body.ldsu26 .signup_new .electronic_signature1 h4 strong { font-weight: 700; }
body.ldsu26 .signup_new .electronic_signature1 br { display: none; }
body.ldsu26 .signup_new .electronic_signature1 > p {
	margin: 14.5px 0 0;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 24px !important;
	color: #A5AAB9;
}
body.ldsu26 .signup_new .clearfix_ld_2016 { display: none; }

/* ---- submit ------------------------------------------------------ */
/* The comp draws a 148x55 square Druk Medium Italic button. Restated in
   the 2026 button spec taken from the login splash, which is the page
   immediately before this one in the flow: Neutraface 2 Text Bold 19 on
   0.05em, 47 tall, 8px radius, 216.5 wide. min-width + padding rather
   than a fixed width so the label can never overflow the pill. */
body.ldsu26 .signup_new .sign_up_continue {
	display: block;
	min-width: 216.5px;
	width: auto;
	height: 47px;
	margin: 21.8px 0 0;
	padding: 0 32px;
	border: none;
	border-radius: 8px;
	background-color: #D71921;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 47px;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

/* ==================================================================
   "You're almost there..." — the ?success=1 branch
   ================================================================== */
body.ldsu26 .signup-success { padding-top: 145.5px; text-align: center; }
body.ldsu26 .ldsu26-head--success + .container .page_signup_container { padding-bottom: 100px; }
body.ldsu26 .signup-success h1 {
	margin: 0;
	padding: 0;
	font-family: var(--ld-font-display);
	font-weight: 400;
	font-size: 50px !important;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}
body.ldsu26 .signup-success .example-mail {
	display: block;
	margin: 40.5px 0 0;
	padding: 0;
}
body.ldsu26 .signup-success .example-mail p,
body.ldsu26 .signup-success .example-mail p:nth-child(1),
body.ldsu26 .signup-success .example-mail p:nth-child(2) {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}
body.ldsu26 .signup-success .ldsu26-envelope {
	display: block;
	width: 309px;
	height: auto;
	margin: 0 auto;
}
body.ldsu26 .signup-success p.normal_bold {
	max-width: 760px;
	margin: 29.65px auto 0;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 18px !important;
	line-height: 24px !important;
	text-align: center;
	color: #000;
}
body.ldsu26 .signup-success p.normal_bold strong { font-weight: 700; }
body.ldsu26 .signup-success .ldsu26-u { text-decoration: underline; }
body.ldsu26 .signup-success > p:last-child { margin: 45.85px 0 0; }
body.ldsu26 .signup-success .ldsu26-return {
	display: block;
	width: 329px;
	height: 47px;
	margin: 0 auto;
	padding: 0;
	border-radius: 8px;
	background-color: #D71921;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 47px;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

/* ==================================================================
   Logged-out footer, on the red ground
   ================================================================== */
body.ldsu26 .footer { padding: 0; background: none; }
body.ldsu26 .footer .footer-container {
	width: min(1068px, 100%);
	max-width: none;
	margin: 0 auto;
	padding: 0;
}
body.ldsu26 .footer .col-sm-9 { width: 100%; padding: 0; }
body.ldsu26 .footer .col-sm-3 { width: 100%; padding: 0; }
body.ldsu26 .footer ul { display: block; margin: 0; padding: 23.5px 0 0; }
body.ldsu26 .footer ul li {
	display: inline-block;
	padding: 0 20px 0 0;
	line-height: 1;
}
/* The footer is shared chrome, so it is set to match the login splash's
   own footer exactly (Neutraface 2 Text Bold 14) rather than the 16px
   grotesque the comp happens to draw — the two pages sit next to each
   other in the flow and the row should not change face between them. */
body.ldsu26 .footer ul li a {
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
body.ldsu26 .footer .col-sm-9 > p {
	margin: 0;
	padding: 6px 0 0;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 17px;
	color: #fff;
}
body.ldsu26 .footer .col-sm-9 > p span + span { margin-left: 0; }

/* "MAKE IT COUNT", injected on wp_footer so it lands below the footer */
body.ldsu26 .ldsu26-outro { padding: 121px 0 142px; text-align: center; }
body.ldsu26 .ldsu26-outro__tagline {
	display: block;
	width: 505px;
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}

/* ==================================================================
   Below 1024 — no phone comp was supplied, so the desktop
   composition is stepped down rather than reinterpreted.
   ================================================================== */
@media only screen and (max-width: 1023px) {
	body.ldsu26 .ldsu26-head,
	body.ldsu26 .page_signup_container,
	body.ldsu26 .footer .footer-container { width: min(1068px, 100% - 40px); }
	body.ldsu26 .ldsu26-head { padding-top: 72px; }
	body.ldsu26 .ldsu26-title { font-size: 56px; }
	body.ldsu26 .page_signup_container { padding: 28px 32px 40px; }
	body.ldsu26 .ldsu26-outro { padding: 80px 0 96px; }
}
@media only screen and (max-width: 767px) {
	body.ldsu26 .ldsu26-head { padding-top: 48px; }
	body.ldsu26 .ldsu26-title { font-size: 40px; }
	body.ldsu26 .ldsu26-head,
	body.ldsu26 .page_signup_container,
	body.ldsu26 .footer .footer-container { width: min(1068px, 100% - 32px); }
	body.ldsu26 .page_signup_container {
		margin: 0 auto;
		padding: 24px 20px 32px;
	}
	body.ldsu26 .signup_new .electronic_signature1 h4 { font-size: 14px !important; }
	body.ldsu26 .signup_new .contact_information,
	body.ldsu26 .signup_new .address_information { width: 100%; float: none; }
	body.ldsu26 .signup_new .address_information { margin-top: 24px; }
	/* steps down from the desktop 20, not up from it — this was 24 while the
	   section titles were set in ultra-condensed Druk, where 24 was narrower
	   than 20 is in Neutraface */
	body.ldsu26 .signup_new h3,
	body.ldsu26 .page_signup_container h3 { font-size: 18px; line-height: 24px; margin-bottom: 18px; }
	body.ldsu26 .signup-success h1 { font-size: 34px !important; }
	body.ldsu26 .signup-success .ldsu26-envelope { width: min(309px, 100%); }
	body.ldsu26 .signup-success p.normal_bold { font-size: 16px !important; line-height: 22px !important; }
	body.ldsu26 .signup-success .ldsu26-return { width: min(329px, 100%); }
	body.ldsu26 .ldsu26-outro { padding: 56px 0 72px; }
	body.ldsu26 .ldsu26-outro__tagline { width: 280px; }
}

/* ==================================================================
   Clerk sign-up only (templates/ld-clerk.php)

   The clerk form is the consumer form with one field swapped: the
   right column opens with a Select2 store picker instead of a phone
   number. Select2 replaces the <select> with its own span markup, so
   the underline, the icon and the 62/78 field rhythm have to be
   restated on .store_select (the wrapper that already carries them in
   the legacy sheet) and the generated control flattened inside it.
   ================================================================== */

/* the wrapper is the field: same 62 tall on the same 78 pitch */
body.ldsu26-clerk .signup_new .store_location .store_select {
	position: relative;
	box-sizing: border-box;
	height: 62px;
	padding: 21.25px 0 18.75px 37px;
	border-bottom: 1px solid var(--ld-ink);
	background-image: url(../images/ico-address.png);
	background-repeat: no-repeat;
	background-position: left 0 top calc(50% + 1.7px);
	background-size: 21.7px 21.7px;
}
body.ldsu26-clerk .signup_new .store_location .store_select.error { border-bottom-color: #D71921; }

/* flatten Select2's own chrome so the wrapper above is what shows */
body.ldsu26-clerk .signup_new .store_select .select2-container { display: block; width: 100% !important; }
body.ldsu26-clerk .signup_new .select2-container--default .select2-selection--single {
	height: auto;
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	outline: none;
}
body.ldsu26-clerk .signup_new .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 46px 0 0;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	color: var(--ld-ink);
}
body.ldsu26-clerk .signup_new .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #A5AAB9; }
body.ldsu26-clerk .signup_new .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	right: 0;
	width: 20px;
	height: 21px;
}
body.ldsu26-clerk .signup_new .select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: -1px;
	border-color: #A5AAB9 transparent transparent transparent;
	border-width: 5px 4px 0 4px;
}
body.ldsu26-clerk .signup_new .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #A5AAB9 transparent;
	border-width: 0 4px 5px 4px;
}
body.ldsu26-clerk .signup_new .select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 24px;
	color: #A5AAB9;
	font-size: 18px;
	line-height: 21px;
}

/* the dropdown panel is appended to <body>, so it is reachable from the
   body scope but not from .signup_new */
body.ldsu26-clerk .select2-container--default .select2-dropdown {
	border: none;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}
body.ldsu26-clerk .select2-container--default .select2-search--dropdown { padding: 10px; }
body.ldsu26-clerk .select2-container--default .select2-search--dropdown .select2-search__field {
	box-sizing: border-box;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #E4E6EC;
	border-radius: 6px;
	font-family: var(--ld-font-body);
	font-size: 15px;
	color: var(--ld-ink);
}
body.ldsu26-clerk .select2-container--default .select2-results__option {
	padding: 10px 14px;
	font-family: var(--ld-font-body);
	font-size: 14px;
	line-height: 1.4;
	color: var(--ld-ink);
}
body.ldsu26-clerk .select2-container--default .select2-results__option--highlighted[aria-selected],
body.ldsu26-clerk .select2-container--default .select2-results__option--selected {
	background-color: #D71921;
	color: #fff;
}

/* the store picker carries a hover tooltip the consumer form has no
   equivalent of; it is absolutely positioned off the wrapper, which is
   now `position: relative` above, so it stays anchored to the field */
body.ldsu26-clerk .signup_new .store_location .tooltip {
	font-family: var(--ld-font-body);
	font-size: 13px;
	line-height: 1.45;
}

/* ==================================================================
   Forgot password / forgot PIN only (templates/forgot-password.php)

   No comp was supplied for this page. It is built to match Change
   Password (post 6), which is its closest sibling — the same single
   white card on the red ground holding one filled field and one
   button — so the two password screens read as one pair.

   Four states share this markup: ?task=reset (new password),
   ?success=1 (confirmation line), ?view=pin (forgot PIN) and the
   default (forgot password).
   ================================================================== */

body.ldsu26-forgot .forgot-pass-wrapper { padding-bottom: 0; }

/* the card: Change Password's 1068 measure, radius and padding, minus
   the six-layer shadow and the 68vw/1200 sizing new-layout.css gives it */
body.ldsu26-forgot .forgot_password_container {
	width: min(1068px, 100%);
	max-width: none;
	margin: 0 auto;
	border-radius: 24px;
	background: #fff;
	box-shadow: none;
}
body.ldsu26-forgot .forgot_password_container .form_container {
	width: 100% !important;
	padding: 39px 65px 0 !important;
	background: none;
}
body.ldsu26-forgot .forgot_password_container .new_member_container {
	width: 100% !important;
	height: auto;
	display: block;
	padding: 30px 65px 49px !important;
	background: none;
}

/* the forms carry an inline style="text-align:center" */
body.ldsu26-forgot .forgot_password_container form { text-align: left !important; }

/* field: Change Password's 469 x 70 filled box, radius 8, Neutraface */
body.ldsu26-forgot .forgot_password_email,
body.ldsu26-forgot .forgot_password_new_pass {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 469px;
	height: 70px;
	margin: 0 0 22px;
	padding: 0 24px;
	border: none;
	border-radius: 8px;
	background-color: #f2f2f2;
	font-family: var(--ld-font-heading);
	font-weight: 500;
	font-size: 18px;
	line-height: 70px;
	color: var(--ld-ink);
	-webkit-appearance: none;
	appearance: none;
}
body.ldsu26-forgot .forgot_password_email::placeholder,
body.ldsu26-forgot .forgot_password_new_pass::placeholder { color: #a8adbb; opacity: 1; }
body.ldsu26-forgot .forgot_password_email:focus,
body.ldsu26-forgot .forgot_password_new_pass:focus {
	outline: 2px solid var(--ld-red);
	outline-offset: 2px;
}

/* primary button — the shared 2026 pill */
body.ldsu26-forgot .forgot_password_btn {
	display: block;
	min-width: 216.5px;
	width: auto;
	height: 47px;
	margin: 0;
	padding: 0 32px;
	border: none;
	border-radius: 8px;
	background-color: #D71921;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 47px;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
body.ldsu26-forgot .forgot_password_btn:hover,
body.ldsu26-forgot .forgot_password_btn:focus { background-color: #b6121a; }

/* "Not a member yet?" — a section title, same as the sign-up form's */
body.ldsu26-forgot .forgot_password_container .new_member_container h3 {
	margin: 0 0 10px;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #D71921;
}
body.ldsu26-forgot .forgot_password_container .new_member_container p {
	margin: 0 0 18px;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 24px !important;
	color: #A5AAB9;
}
body.ldsu26-forgot .forgot_password_container .new_member_container p:last-child { margin: 0; }

/* SIGN UP is the secondary action here, so it takes the outlined
   treatment — the same primary/secondary split the login splash draws
   between LOG IN and SIGN UP, inverted for a white card */
body.ldsu26-forgot .forgot_password_container .new_member_container .login_btn {
	display: inline-block;
	box-sizing: border-box;
	min-width: 216.5px;
	width: auto;
	height: 47px;
	padding: 0 32px;
	border: 2px solid #D71921;
	border-radius: 8px;
	background-color: #fff;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 43px;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	color: #D71921;
	text-decoration: none;
}
body.ldsu26-forgot .forgot_password_container .new_member_container .login_btn:hover {
	background-color: #D71921;
	color: #fff;
}

/* messages: the error box, and the ?success=1 confirmation line */
body.ldsu26-forgot .notification-box { padding-top: 0; }
body.ldsu26-forgot .notification-box p,
body.ldsu26-forgot .notification-box .forgot_pass_link,
body.ldsu26-forgot .notification-box .pass_error {
	margin: 0 0 4px !important;
	padding: 0 !important;
	max-width: 469px;
	font-family: var(--ld-font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 22px !important;
	text-align: left !important;
	color: #D71921 !important;
}
body.ldsu26-forgot .pass_success {
	margin: 0;
	max-width: 620px;
	font-family: var(--ld-font-body);
	font-weight: 600;
	font-size: 18px;
	line-height: 26px !important;
	text-align: left;
	color: var(--ld-ink);
}
body.ldsu26-forgot .pass_success a { color: #D71921; text-decoration: underline; }

@media only screen and (max-width: 1023px) {
	body.ldsu26-forgot .forgot_password_container { width: min(1068px, 100% - 40px); }
	body.ldsu26-forgot .forgot_password_container .form_container { padding: 32px 32px 0 !important; }
	body.ldsu26-forgot .forgot_password_container .new_member_container { padding: 26px 32px 40px !important; }
}
@media only screen and (max-width: 767px) {
	body.ldsu26-forgot .forgot_password_container { width: min(1068px, 100% - 32px); }
	body.ldsu26-forgot .forgot_password_container .form_container { padding: 24px 20px 0 !important; }
	body.ldsu26-forgot .forgot_password_container .new_member_container { padding: 22px 20px 32px !important; }
	body.ldsu26-forgot .forgot_password_email,
	body.ldsu26-forgot .forgot_password_new_pass { height: 58px; line-height: 58px; padding: 0 18px; font-size: 16px; margin-bottom: 16px; }
	body.ldsu26-forgot .forgot_password_btn,
	body.ldsu26-forgot .forgot_password_container .new_member_container .login_btn { width: 100%; min-width: 0; max-width: 260px; }
	body.ldsu26-forgot .forgot_password_container .new_member_container h3 { font-size: 18px; }
}

/* ==================================================================
   CLERK SIGN-IN — body.ldsu26-signin  (templates/ld-clerk-signin.php)

   Added 2026-10-07. This page was missed by the original reskin: the
   port took templates/ld-clerk.php, which despite its name serves
   /ld-clerk-signup/, while /ld-clerk/ renders ld-clerk-signin.php and
   kept the pre-2026 look.

   It now reads as Forgot Password's twin, because it is the same shape:
   one white 1068 card on the red ground, the form stacked above a
   "not a member yet?" block, primary pill for the action and the
   outlined pill for the secondary one.

   Everything here overrides new-layout.css, which draws this page as a
   two-column card - form floated left at 50%, and a SOLID RED panel
   floated right - plus Druk Heavy Italic headings and 58px fields. None
   of that is scoped to a breakpoint, so each piece has to be undone
   explicitly rather than left to cascade.
   ================================================================== */

/* the legacy wrapper carries images/login-bg-new-no-red.png and its own
   top padding; the red ground comes from body.ldsu26 instead */
body.ldsu26-signin .login-wrap {
	background: none;
	background-image: none;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
}
body.ldsu26-signin .login-content {
	width: min(1068px, 100%);
	margin: 0 auto;
	padding: 0;
}

/* the card: Forgot Password's measure, radius and padding, minus the
   six-layer shadow and the 1000px cap new-layout.css gives it */
body.ldsu26-signin .login_container {
	display: block;              /* new-layout.css makes this a flex column */
	width: min(1068px, 100%);
	max-width: none;
	margin: 0 auto;
	border-radius: 24px;
	background: #fff;
	box-shadow: none;
}

/* form half: was 50% and floated */
body.ldsu26-signin .login_form_container {
	width: 100%;
	float: none;
	padding: 39px 65px 0;
}

/* "not a clerk member yet?": was floated right at 50% on a #D71921 ground */
body.ldsu26-signin .login_container .new_member_container {
	width: 100%;
	float: none;
	display: block;
	background: none;
	padding: 30px 65px 49px;
	text-align: left;
}
body.ldsu26-signin .login_container .new_member_container .new-member-block-left {
	width: 100%;
	padding: 0;
	text-align: left;
}
/* holds a single &nbsp; and only existed to balance the two columns */
body.ldsu26-signin .login_container .new_member_container .new-member-block-right { display: none; }

/* fields: Forgot Password's 469 x 70 filled box, radius 8, Neutraface */
body.ldsu26-signin .login_email,
body.ldsu26-signin .login_password {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 469px;
	height: 70px;
	margin: 0 0 22px;
	padding: 0 24px;
	border: none;
	border-radius: 8px;
	background-color: #f2f2f2;
	font-family: var(--ld-font-heading);
	font-weight: 500;
	font-size: 18px;
	line-height: 70px;
	color: var(--ld-ink);
	-webkit-appearance: none;
	appearance: none;
}
body.ldsu26-signin .login_email::placeholder,
body.ldsu26-signin .login_password::placeholder { color: #a8adbb; opacity: 1; }
body.ldsu26-signin .login_email:focus,
body.ldsu26-signin .login_password:focus {
	outline: 2px solid var(--ld-red);
	outline-offset: 2px;
}

/* "Forgot password?" sat floated right against the field column */
body.ldsu26-signin .login_forgot_pass {
	float: none;
	margin: 0 0 22px;
	max-width: 469px;
}
body.ldsu26-signin .login_forgot_pass a {
	font-family: var(--ld-font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 22px !important;
	color: #D71921;
	text-decoration: underline;
}

/* primary button — the shared 2026 pill, as on Forgot Password */
body.ldsu26-signin .login_btn {
	display: block;
	min-width: 216.5px;
	width: auto;
	height: 47px;
	margin: 0;
	padding: 0 32px;
	border: none;
	border-radius: 8px;
	background-color: #D71921;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 47px;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	transition: background-color 0.2s ease;
}
body.ldsu26-signin .login_btn:hover,
body.ldsu26-signin .login_btn:focus { background-color: #b6121a; color: #fff; opacity: 1; }

/* remember me. .check-container is inline-block with no dimensions, so its
   absolutely positioned 25x25 .checkmark would sit on top of the label text;
   the box has to be given that much room before it reads as a checkbox. */
body.ldsu26-signin .login_remember_me {
	display: flex;
	align-items: center;
	margin: 20px 0 0;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 22px !important;
	color: #A5AAB9;
}
body.ldsu26-signin .login_remember_me .check-container {
	flex: 0 0 25px;
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

/* "Not a clerk member yet?" — a section title, same as Forgot Password's */
body.ldsu26-signin .login_container .new_member_container h3 {
	margin: 0 0 10px;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: left;
	color: #D71921;
}
body.ldsu26-signin .login_container .new_member_container p {
	margin: 0 0 18px;
	font-family: var(--ld-font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 24px !important;
	color: #A5AAB9;
}
body.ldsu26-signin .login_container .new_member_container p:last-child { margin: 0; }

/* SIGN UP is the secondary action, so it takes the outlined treatment —
   the same split Forgot Password draws. Was a white Druk block on red. */
body.ldsu26-signin .login_container .new_member_container .btn-signup {
	display: inline-block;
	box-sizing: border-box;
	min-width: 216.5px;
	width: auto;
	height: 47px;
	padding: 0 32px;
	border: 2px solid #D71921;
	border-radius: 8px;
	background-color: #fff;
	font-family: var(--ld-font-heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 43px;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	color: #D71921;
	text-decoration: none;
	opacity: 1;
}
body.ldsu26-signin .login_container .new_member_container .btn-signup:hover {
	background-color: #D71921;
	color: #fff;
	opacity: 1;
}

/* the login error / activation notice, centred Arial in new-layout.css */
body.ldsu26-signin .pass_error {
	margin: 0 0 18px !important;
	padding: 0 !important;
	max-width: 469px;
	font-family: var(--ld-font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 22px !important;
	text-align: left;
	color: #D71921;
}

/* ---- stacked ----------------------------------------------------- */
@media only screen and (max-width: 1023px) {
	body.ldsu26-signin .login-content,
	body.ldsu26-signin .login_container { width: min(1068px, 100% - 40px); }
	body.ldsu26-signin .login_form_container { padding: 32px 32px 0; }
	body.ldsu26-signin .login_container .new_member_container { padding: 26px 32px 40px; }
}
@media only screen and (max-width: 767px) {
	body.ldsu26-signin .login-content,
	body.ldsu26-signin .login_container { width: min(1068px, 100% - 32px); }
	body.ldsu26-signin .login_form_container { padding: 24px 20px 0; }
	body.ldsu26-signin .login_container .new_member_container { padding: 22px 20px 32px; }
	body.ldsu26-signin .login_email,
	body.ldsu26-signin .login_password { height: 58px; line-height: 58px; padding: 0 18px; font-size: 16px; margin-bottom: 16px; }
	body.ldsu26-signin .login_btn,
	body.ldsu26-signin .login_container .new_member_container .btn-signup { width: 100%; min-width: 0; max-width: 260px; }
	body.ldsu26-signin .login_container .new_member_container h3 { font-size: 18px; }
}