/* Account visual 90 -> 95 composition.
 * Page 33 keeps the default Page template and native WooCommerce account
 * output; this layer only composes the logged-out Login and Recovery states. */

body.page-id-33.woocommerce-account:not(.logged-in) main.dscr-page {
	background:
		radial-gradient(circle at 78% 4%, rgb(255 135 20 / 10%), transparent 17rem),
		linear-gradient(180deg, #fffaf5 0, #f7f7f7 22rem, #ffffff 100%);
}

body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__heading .wp-block-post-title {
	letter-spacing: 0;
}

body.page-id-33.woocommerce-account:not(.logged-in):has(form.woocommerce-form-login) .woocommerce > h2 {
	display: none;
}

body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login,
body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-ResetPassword {
	margin: 0;
	padding: 0;
}

body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce form .form-row > label:not(.woocommerce-form-login__rememberme) {
	font-weight: 650;
}

body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce form .input-text {
	border-color: rgb(40 40 40 / 24%);
	border-radius: 0.5rem;
	background: #fbfbfb;
}

body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce button[type="submit"] {
	min-height: 48px;
	border-radius: 0.5rem;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
	font-weight: 750;
}

body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce .show-password-input {
	border-radius: 999px;
}

@media (max-width: 1023px) {
	body.page-id-33.woocommerce-account:not(.logged-in) {
		height: 100svh;
		min-height: 100svh;
		padding-bottom: 0 !important;
		overflow: hidden;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .wp-site-blocks {
		display: grid;
		grid-template-rows: auto minmax(0, 1fr) var(--wp--custom--footer--utility-reserve);
		height: 100svh;
		min-height: 0;
		overflow: hidden;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) main.dscr-page {
		width: min(100%, var(--wp--custom--header--compact-max-width));
		height: auto;
		min-height: 0;
		margin-inline: auto !important;
		padding: 1.25rem 0 1.5rem !important;
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior-y: contain;
		scroll-padding-block: 1.25rem;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__heading,
	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__content > .woocommerce {
		width: min(calc(100% - 3.625rem), 23.25rem);
		max-width: none !important;
		margin-inline: auto !important;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__heading .wp-block-post-title {
		font-size: 1.625rem;
		line-height: 1.15;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__content {
		margin-top: 0.5rem !important;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce {
		padding: 1rem;
		border-radius: 0.75rem;
		box-shadow: 0 0.75rem 2rem rgb(40 40 40 / 7%);
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce form .form-row {
		margin-bottom: 0.5rem;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce form .form-row > label:not(.woocommerce-form-login__rememberme) {
		margin-bottom: 0.25rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:has(button[type="submit"]) {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:has(button[type="submit"]) button[type="submit"] {
		order: 1;
		width: 100%;
		margin: 0;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:has(button[type="submit"]) .woocommerce-form-login__rememberme {
		order: 2;
		align-self: flex-start;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword button[type="submit"] {
		width: 100%;
		margin: 0;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword a {
		font-size: 0.875rem;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-footer__utility {
		position: static;
		inset: auto;
		width: min(100%, var(--wp--custom--footer--utility-compact-max));
		height: var(--wp--custom--footer--utility-reserve);
		min-height: var(--wp--custom--footer--utility-reserve);
		margin-inline: auto !important;
		transform: none;
		border-top: 1px solid rgb(40 40 40 / 10%);
		box-shadow: 0 -0.5rem 1.5rem rgb(23 35 61 / 8%);
	}

	body.page-id-33.woocommerce-account:not(.logged-in) footer.wp-block-template-part,
	body.page-id-33.woocommerce-account:not(.logged-in) footer.wp-block-template-part > .dscr-footer {
		height: var(--wp--custom--footer--utility-reserve);
		min-height: var(--wp--custom--footer--utility-reserve);
		margin: 0 !important;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) footer.wp-block-template-part {
		position: relative;
		background: var(--wp--preset--color--base);
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__heading,
	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__content > .woocommerce {
		width: min(calc(100% - 4rem), 26.25rem);
	}

	body.page-id-33.woocommerce-account:not(.logged-in) main.dscr-page {
		padding-top: 2rem !important;
	}
}

@media (min-width: 1024px) {
	body.page-id-33.woocommerce-account:not(.logged-in) main.dscr-page {
		padding-top: 2.5rem !important;
		padding-bottom: 4rem !important;
		background:
			radial-gradient(circle at calc(50% + 25rem) 4rem, rgb(255 135 20 / 17%), transparent 17rem),
			linear-gradient(115deg, #fffaf5 0 48%, #f5f5f5 48% 100%);
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__heading {
		width: min(calc(100% - 4rem), 56.25rem);
		max-width: none !important;
		margin-inline: auto !important;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__heading .wp-block-post-title {
		font-size: 2rem;
		line-height: 1.15;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__content {
		margin-top: 1rem !important;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__content > .woocommerce {
		position: relative;
		width: 40rem;
		max-width: 40rem !important;
		margin-left: max(2rem, calc((100vw - 56.25rem) / 2)) !important;
		margin-right: auto !important;
		padding: 2rem;
		border-radius: 1rem;
		box-shadow: 0 1.25rem 3.5rem rgb(40 40 40 / 10%);
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .dscr-page__content > .woocommerce::after {
		content: "SECURE\A ACCOUNT\A SPACE";
		right: -16.25rem;
		top: 0;
		display: grid;
		width: 13.75rem;
		height: 100%;
		min-height: 15rem;
		aspect-ratio: auto;
		padding: 2rem;
		border: 1px solid rgb(40 40 40 / 18%);
		border-radius: 1rem;
		background:
			linear-gradient(rgb(255 255 255 / 72%), rgb(255 255 255 / 72%)),
			repeating-linear-gradient(135deg, rgb(255 135 20 / 42%) 0 0.75rem, rgb(40 40 40 / 5%) 0.75rem 1rem);
		box-shadow: 0.75rem 0.75rem 0 rgb(40 40 40 / 78%);
		box-sizing: border-box;
		font-size: 0.875rem;
		letter-spacing: 0.08em;
		line-height: 1.5;
	}

	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"],
	body.page-id-33.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword button[type="submit"] {
		min-width: 15rem;
		margin-right: 1rem;
	}
}