/**
 * ASA Magic Link — WoodMart compatibility.
 *
 * We inject our magic-link fields (a <div class="asa-ml-woo">) at the top of
 * WoodMart's own login/register <form> and hide the native rows. Because the native
 * rows are direct <p> children of the form and our block is a <div>, hiding
 * `form > p` removes username/password/submit/footer while keeping our block.
 * Scoped to body.asa-ml-woodmart so it only applies under the full switch.
 */

/* Hide native login + register rows (our injected .asa-ml-woo <div> survives). */
body.asa-ml-woodmart form.woocommerce-form-login > p,
body.asa-ml-woodmart form.woocommerce-form-register > p {
	display: none !important;
}

/* Ancillary native login UI we replace: the dropdown "create account" link, the
   WoodMart Login/Register titles, the "Or" divider, the register text column, and the
   switch-to-register toggle. */
body.asa-ml-woodmart .login-dropdown-inner > .create-account-link,
body.asa-ml-woodmart .wd-registration-page .wd-login-title,
body.asa-ml-woodmart .wd-registration-page .wd-login-divider,
body.asa-ml-woodmart .wd-registration-page .col-register-text,
body.asa-ml-woodmart .wd-switch-to-register {
	display: none !important;
}

/* Our injected block inherits WoodMart's .input-text / .btn styling; spacing only. */
body.asa-ml-woodmart .asa-ml-woo {
	margin: 0;
}

body.asa-ml-woodmart .asa-ml-woo__intro {
	margin: 0 0 1.1em;
	opacity: .85;
	line-height: 1.5;
}

body.asa-ml-woodmart .asa-ml-woo__field {
	margin: 0 0 1em;
}

body.asa-ml-woodmart .asa-ml-woo__label > span:first-child {
	display: block;
	margin: 0 0 .35em;
	font-weight: 600;
}

body.asa-ml-woodmart .asa-ml-woo__label input {
	width: 100%;
}

body.asa-ml-woodmart .asa-ml-woo__remember {
	margin: 0 0 .9em;
}

body.asa-ml-woodmart .asa-ml-woo__remember-label {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	font-size: .92em;
	opacity: .85;
}

body.asa-ml-woodmart .asa-ml-woo__remember-label input {
	margin: 0;
}

body.asa-ml-woodmart .asa-ml-woo__actions {
	margin: 0;
}

body.asa-ml-woodmart .asa-ml-woo__button {
	width: 100%;
}

/* My Account "Register" column, repurposed as a passwordless reassurance panel. */
body.asa-ml-woodmart .asa-ml-woo--info {
	padding: .25em 0;
}

body.asa-ml-woodmart .asa-ml-woo__info-title {
	margin: 0 0 .6em;
}

body.asa-ml-woodmart .asa-ml-woo__info-list {
	margin: 0;
	padding-left: 1.2em;
}

body.asa-ml-woodmart .asa-ml-woo__info-list li {
	margin: 0 0 .55em;
	opacity: .85;
	line-height: 1.45;
}

/* Header dropdown: slightly smaller intro so it fits the compact panel. */
body.asa-ml-woodmart .login-dropdown-inner .asa-ml-woo__intro {
	font-size: .9em;
	margin-bottom: .9em;
}