/* BrandsUA Login — customer sign-in (My Account while signed out). Loaded only on those screens (body.bnlg-auth). */
.bnlg-auth {
	--bnlg-navy: #0f2d6b;
	--bnlg-navy-2: #1c4596;
	--bnlg-red: #d7141e;
	--bnlg-ink: #152033;
	--bnlg-muted: #5b6678;
	--bnlg-line: #d6dcea;
	--bnlg-soft: #f4f6fb;
}

/* The hero below replaces the page title. */
.bnlg-auth .entry-header { display: none; }
.bnlg-auth .inside-article { background: transparent; box-shadow: none; }

.bnlg-auth .woocommerce {
	max-width: 960px;
	margin-inline: auto;
}

/* Hero: logo + greeting. */
.bnlg-auth .bnlg-hero {
	text-align: center;
	margin: 0 auto 28px;
	max-width: 640px;
}
.bnlg-auth .bnlg-logo {
	display: inline-block;
	margin-block-end: 10px;
	border-radius: 14px;
	transition: transform .35s cubic-bezier(.2, .8, .2, 1.2), filter .35s ease;
}
.bnlg-auth .bnlg-logo img {
	display: block;
	width: min(280px, 70vw);
	height: auto;
}
.bnlg-auth .bnlg-logo:hover,
.bnlg-auth .bnlg-logo:focus-visible {
	transform: scale(1.04);
	filter: drop-shadow(0 8px 16px rgba(15, 45, 107, .2));
}
.bnlg-auth .bnlg-logo:focus-visible { outline: 3px solid var(--bnlg-red); outline-offset: 4px; }
.bnlg-auth .bnlg-badge {
	display: inline-block;
	padding: 4px 14px;
	border-radius: 999px;
	background: rgba(215, 20, 30, .09);
	color: var(--bnlg-red);
	font-size: 13px;
	font-weight: 700;
}
.bnlg-auth h1.bnlg-title {
	margin: 12px 0 8px;
	font-size: clamp(24px, 4vw, 32px);
	font-weight: 800;
	line-height: 1.3;
	color: var(--bnlg-navy);
}
.bnlg-auth .bnlg-text {
	margin: 0;
	font-size: 16px;
	line-height: 1.7;
	color: var(--bnlg-muted);
}

/* Cards: login + register side by side, lost/reset form centred. */
.bnlg-auth #customer_login {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
	gap: 24px;
}
.bnlg-auth #customer_login::before,
.bnlg-auth #customer_login::after { content: none; }
.bnlg-auth #customer_login > .u-column1,
.bnlg-auth #customer_login > .u-column2 {
	float: none;
	width: auto;
	margin: 0;
}
.bnlg-auth #customer_login > div,
.bnlg-auth form.lost_reset_password,
.bnlg-auth .bnlg-hero + p {
	box-sizing: border-box;
	padding: 28px;
	background: #fff;
	border: 1px solid #e6eaf3;
	border-block-start: 4px solid var(--bnlg-navy);
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(15, 45, 107, .08);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.bnlg-auth #customer_login > .u-column2 { border-block-start-color: var(--bnlg-red); }
.bnlg-auth #customer_login > div:hover,
.bnlg-auth form.lost_reset_password:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 44px rgba(15, 45, 107, .15);
}
.bnlg-auth form.lost_reset_password,
.bnlg-auth .bnlg-hero + p {
	max-width: 480px;
	margin-inline: auto;
}
.bnlg-auth #customer_login h2 {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 800;
	color: var(--bnlg-navy);
}
.bnlg-auth #customer_login form.login,
.bnlg-auth #customer_login form.register {
	margin: 0;
	padding: 0;
	border: 0;
}
.bnlg-auth .bnlg-register-intro { margin: 0 0 14px; color: var(--bnlg-muted); }

/* Woo's own instruction line — the hero says it. */
.bnlg-auth form.lost_reset_password > p:first-child { display: none; }
.bnlg-auth form.lost_reset_password .form-row-first,
.bnlg-auth form.lost_reset_password .form-row-last {
	float: none;
	width: 100%;
}

/* Fields. */
.bnlg-auth .woocommerce form .form-row label {
	font-size: 14px;
	font-weight: 600;
	color: var(--bnlg-ink);
}
.bnlg-auth .woocommerce form .form-row .input-text,
.bnlg-auth .woocommerce form .form-row input[type="email"],
.bnlg-auth .woocommerce form .form-row input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	font-size: 16px;
	background: var(--bnlg-soft);
	border: 1.5px solid var(--bnlg-line);
	border-radius: 12px;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.bnlg-auth .woocommerce form .form-row .input-text:hover { border-color: #aab6d3; }
.bnlg-auth .woocommerce form .form-row .input-text:focus {
	background: #fff;
	border-color: var(--bnlg-navy);
	box-shadow: 0 0 0 4px rgba(15, 45, 107, .14);
	outline: 2px solid transparent;
}
.bnlg-auth .woocommerce form .form-row .input-text:-webkit-autofill {
	box-shadow: 0 0 0 40px #eef3ff inset;
	border-color: var(--bnlg-navy-2);
}
.bnlg-auth .woocommerce input[type="checkbox"] { accent-color: var(--bnlg-navy); }
.bnlg-auth .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-block-end: 14px;
}

/* Buttons: navy → brand red on hover. */
.bnlg-auth .woocommerce form .button,
.bnlg-auth .woocommerce form button[type="submit"] {
	display: block;
	float: none;
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 0 18px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, var(--bnlg-navy) 0%, var(--bnlg-navy-2) 100%);
	border: 0;
	border-radius: 14px;
	box-shadow: 0 10px 22px rgba(15, 45, 107, .25);
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, background .3s ease;
}
.bnlg-auth .woocommerce form .button:hover,
.bnlg-auth .woocommerce form button[type="submit"]:hover {
	transform: translateY(-2px);
	color: #fff;
	background: linear-gradient(135deg, var(--bnlg-red) 0%, #a50e17 100%);
	box-shadow: 0 14px 28px rgba(215, 20, 30, .3);
}
.bnlg-auth .woocommerce form .button:active { transform: translateY(0); }
.bnlg-auth .woocommerce form .button:focus-visible {
	outline: 3px solid var(--bnlg-red);
	outline-offset: 3px;
}

/* Links. */
.bnlg-auth .lost_password { margin: 14px 0 0; text-align: center; }
.bnlg-auth .lost_password a,
.bnlg-auth .woocommerce-privacy-policy-text a {
	color: var(--bnlg-navy);
	font-weight: 600;
	text-decoration: none;
	background: linear-gradient(var(--bnlg-red), var(--bnlg-red)) no-repeat 50% 100% / 0 2px;
	transition: background-size .25s ease, color .2s ease;
}
.bnlg-auth .lost_password a:hover,
.bnlg-auth .lost_password a:focus-visible,
.bnlg-auth .woocommerce-privacy-policy-text a:hover {
	color: var(--bnlg-red);
	background-size: 100% 2px;
}
.bnlg-auth .woocommerce-privacy-policy-text { font-size: 13px; color: var(--bnlg-muted); }

/* Notices. */
.bnlg-auth .woocommerce-error,
.bnlg-auth .woocommerce-message,
.bnlg-auth .woocommerce-info {
	max-width: 960px;
	margin-inline: auto;
	border-radius: 12px;
}

@media (max-width: 600px) {
	.bnlg-auth #customer_login > div,
	.bnlg-auth form.lost_reset_password { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.bnlg-auth .bnlg-logo,
	.bnlg-auth #customer_login > div,
	.bnlg-auth form.lost_reset_password,
	.bnlg-auth .woocommerce form .button { transition: none; }
	.bnlg-auth .bnlg-logo:hover,
	.bnlg-auth #customer_login > div:hover,
	.bnlg-auth form.lost_reset_password:hover,
	.bnlg-auth .woocommerce form .button:hover { transform: none; }
}