/* QRS-277: glass account centre, the same recipe as the dashboard login (QRS-262).
   Pages: /my-account/ and its endpoints, /registration/, /complete-account/ (body.qr-glass).
   body.qr-glass--form: one form card (login, register, lost/reset password, complete account).
   body.qr-glass--account: the signed-in account centre (menu + content).

   The old look is each page's Builder custom CSS, with !important on almost every rule. So every
   rule here starts with body.qr-glass (higher specificity) and uses !important where the old CSS
   does. The store CSS also sets Inter on every element (* selector), so text sets its own font. */

body.qr-glass {
	--qr-panel-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.07) 45%, rgba(255, 255, 255, 0.03) 100%);
	--qr-panel-border: rgba(255, 255, 255, 0.2);
	--qr-panel-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	--qr-panel-blur: blur(22px) saturate(140%);
	--qr-text-soft: rgba(255, 255, 255, 0.75);
	--qr-field-border: rgba(255, 255, 255, 0.3);
	--qr-header-h: 86px;
}

/* ---------- Page canvas: undo the old flex/centred page CSS ---------- */
html:has(> body.qr-glass) {
	display: block !important;
	height: auto !important;
	background: #111 !important;
}
html body.qr-glass {
	display: block !important;
	height: auto !important;
	min-height: 100% !important;
	background: #111 !important;
	color: #fff !important;
}
body.qr-glass #pagewrap {
	width: 100% !important;
}
body.qr-glass #body {
	position: relative;
	isolation: isolate;
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - var(--qr-header-h));
	min-height: calc(100dvh - var(--qr-header-h));
	background: #111 var(--qr-glass-photo) center / cover no-repeat !important;
}
/* No footer (login, register): the photo fills the screen below the announcement bar and header. */
body.qr-glass--bare {
	--qr-bar-h: 46px;
}
body.qr-glass--bare #body {
	min-height: calc(100vh - var(--qr-header-h) - var(--qr-bar-h));
	min-height: calc(100dvh - var(--qr-header-h) - var(--qr-bar-h));
}
body.qr-glass #body::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.6) 100%);
}
body.qr-glass #layout {
	display: block !important;
	flex: 0 1 auto !important;
	width: min(1160px, 90%) !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 48px 0 !important;
	background: transparent !important;
}
body.qr-glass #content {
	display: block !important;
	align-items: stretch !important;
	align-self: stretch !important;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	filter: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	color: #fff !important;
}
body.qr-glass #content .page-content,
body.qr-glass #content .themify_builder_content,
body.qr-glass #content .module_row,
body.qr-glass #content .row_inner,
body.qr-glass #content .module_column,
body.qr-glass #content .module,
body.qr-glass #content .tb_text_wrap,
body.qr-glass #content div.user-registration:not(.user-registration-MyAccount):not(.ur-frontend-form),
body.qr-glass #content .user-registration-MyAccount-content,
body.qr-glass #content .ur-frontend-form {
	width: auto;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.qr-glass #content .module_row,
body.qr-glass #content .row_inner,
body.qr-glass #content .module_column {
	width: 100% !important;
}

/* The glass pages have no sidebar, and an empty Builder sub-row only adds space. */
body.qr-glass #sidebar,
body.qr-glass--form #content .module_subrow:not(:has(input, a, p, h1, h2, h3, img, button)) {
	display: none !important;
}

/* ---------- Text ---------- */
body.qr-glass #content *:not(.dashicons):not([class*='dashicons-']) {
	font-family: Inter, sans-serif !important;
}
body.qr-glass #content :is(h1, h2, h3, h4, h5, h6, legend, .main-head, .sub-head, .qr-glass__title) {
	font-family: Raleway, sans-serif !important;
	color: #fff !important;
	text-shadow: none !important;
}
body.qr-glass #content p,
body.qr-glass #content li,
body.qr-glass #content td,
body.qr-glass #content th,
body.qr-glass #content label,
body.qr-glass #content span,
body.qr-glass #content address {
	color: #fff !important;
}
body.qr-glass #content a {
	color: #fff !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
	font-weight: 500 !important;
}
body.qr-glass #content a:hover {
	text-decoration-thickness: 2px !important;
}
body.qr-glass #content :is(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 3px !important;
}
body.qr-glass #content .qr-glass__title {
	margin: 0 0 6px !important;
	padding: 0 !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
}
body.qr-glass #content .qr-glass__subtitle {
	margin: 0 0 24px !important;
	color: var(--qr-text-soft) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}
body.qr-glass #content .qr-glass__eyebrow {
	margin: 0 0 4px !important;
	color: var(--qr-text-soft) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.24em !important;
	text-transform: uppercase !important;
}

/* ---------- Intro (signed-out pages): the Builder fancy heading or the login intro ---------- */
body.qr-glass #content .fancy-heading {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
body.qr-glass #content .fancy-heading .main-head {
	display: block !important;
	margin: 0 0 12px !important;
	color: #fff !important;
	opacity: 0.75;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 16px !important;
	letter-spacing: 0.32em !important;
	text-transform: uppercase !important;
}
body.qr-glass #content .fancy-heading .sub-head {
	display: block !important;
	margin: 0 !important;
	font-size: 48px !important;
	font-weight: 300 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
body.qr-glass #content .fancy-heading .sub-head::before,
body.qr-glass #content .fancy-heading .sub-head::after {
	display: none !important;
}
body.qr-glass #content .qr-glass__intro-text {
	max-width: 520px;
	margin: 20px 0 0 !important;
	color: #fff !important;
	opacity: 0.8;
	font-size: 17px !important;
	line-height: 1.6 !important;
}

/* ---------- Form card layout (signed out) ---------- */
/* The intro and the card can sit in different Builder wrappers, so the wrappers between the
   Builder column and them are flattened: the intro and the card become the grid items. */
body.qr-glass--form #content .module_column {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 420px;
	column-gap: clamp(48px, 6vw, 96px);
	align-items: center;
}
body.qr-glass--form #content .module_column > .module-plain-text,
body.qr-glass--form #content .module_column > .module-plain-text > .tb_text_wrap,
body.qr-glass--form #content .module_column > .module-plain-text > .tb_text_wrap > #user-registration:not(.user-registration-MyAccount) {
	display: contents !important;
}
body.qr-glass--form #content .module-fancy-heading {
	grid-column: 1;
	align-self: center;
}
/* The card: UR forms (login, register, lost/reset password) and the complete-account form or
   message. */
body.qr-glass--form #content .ur-frontend-form,
body.qr-glass--form #content .qr-guest-account-form,
body.qr-glass--form #content .module_column > .module-plain-text > .tb_text_wrap > p,
body.qr-glass--form #content .user-registration-message,
body.qr-glass--form #content .user-registration-error {
	grid-column: 2;
	box-sizing: border-box;
	width: 100% !important;
	padding: 40px 36px !important;
	border: 1px solid var(--qr-panel-border) !important;
	border-radius: 24px !important;
	background: var(--qr-panel-bg) !important;
	box-shadow: var(--qr-panel-shadow) !important;
	-webkit-backdrop-filter: var(--qr-panel-blur) !important;
	backdrop-filter: var(--qr-panel-blur) !important;
	color: #fff !important;
	animation: qrGlassIn 0.4s ease-in-out both;
}
/* Notices above a form share its column, so they stay narrow and sit on top. */
body.qr-glass--form #content .user-registration-message,
body.qr-glass--form #content .user-registration-error {
	padding: 16px 20px !important;
	margin: 0 0 16px !important;
	border-radius: 16px !important;
	list-style: none !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}
body.qr-glass--form #content .user-registration-error {
	border-color: rgba(255, 138, 128, 0.7) !important;
}
/* QRS-308: a failed login shows a soft glass note directly above the LOGIN button
   (account-glass.js moves the box there and adds .qr-login-error). No bright red filled icon:
   a small outline icon in soft coral. Without JavaScript the box stays above the title. */
body.qr-glass--form #content .ur-frontend-form.login .user-registration-error.qr-login-error {
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	grid-column: auto;
	width: 100% !important;
	margin: 4px 0 16px !important;
	padding: 10px 14px !important;
	border: 1px solid rgba(255, 138, 128, 0.35) !important;
	border-radius: 12px !important;
	background: rgba(255, 138, 128, 0.1) !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	animation: qrLoginNoteIn 0.2s ease-out both;
}
body.qr-glass--form #content .ur-frontend-form.login .user-registration-error.qr-login-error::before {
	content: '' !important;
	display: block !important;
	flex: none;
	width: 16px;
	height: 16px;
	margin: 2px 0 0 !important;
	background: #ff9a90;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Ccircle cx='12' cy='16.5' r='.6' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Ccircle cx='12' cy='16.5' r='.6' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
	font-size: 0 !important;
}
body.qr-glass--form #content .ur-frontend-form.login .user-registration-error.qr-login-error::after {
	content: none !important;
	display: none !important;
}
body.qr-glass--form #content .ur-frontend-form.login .user-registration-error.qr-login-error :is(ul, li, p) {
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	list-style: none !important;
}
/* While the note shows, both fields get a soft coral line (removed when the customer types). */
body.qr-glass--form #content form.qr-login-failed :is(#username, #password) {
	border-color: rgba(255, 138, 128, 0.55) !important;
}
@keyframes qrLoginNoteIn {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	body.qr-glass--form #content .ur-frontend-form.login .user-registration-error.qr-login-error {
		animation: none;
	}
}
body.qr-glass--form #content .module_column > .module-plain-text > .tb_text_wrap > p {
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

/* Lost/reset password and complete account have no intro: one centred card
   (tablet and desktop; on phones the card is the bottom sheet). */
@media (min-width: 768px) {
	body.qr-glass--form #content .module_column:not(:has(.module-fancy-heading)) {
		grid-template-columns: minmax(0, 460px);
		justify-content: center;
	}
	body.qr-glass--form #content .module_column:not(:has(.module-fancy-heading)) > * ,
	body.qr-glass--form #content .module_column:not(:has(.module-fancy-heading)) :is(.ur-frontend-form, .qr-guest-account-form, .tb_text_wrap > p, .user-registration-message, .user-registration-error) {
		grid-column: 1;
	}
}

@keyframes qrGlassIn {
	from {
		opacity: 0;
		transform: translateY(2rem) scale(0.98);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* ---------- Fields ---------- */
body.qr-glass #content .ur-form-row,
body.qr-glass #content .ur-form-grid,
body.qr-glass #content fieldset {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
body.qr-glass #content .form-row,
body.qr-glass #content .user-registration-form-row,
body.qr-glass #content .ur-field-item,
body.qr-glass #content .qr-guest-account-form form > p {
	float: none !important;
	width: 100% !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
}
body.qr-glass #content label:not(.user-registration-form__label-for-checkbox):not(.woocommerce-form__label-for-checkbox),
body.qr-glass #content .ur-label {
	display: block !important;
	margin: 0 0 8px !important;
	color: var(--qr-text-soft) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 16px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}
body.qr-glass #content :is(label, .ur-label) :is(.required, abbr) {
	color: var(--qr-text-soft) !important;
	text-decoration: none !important;
	border: 0 !important;
}
body.qr-glass #content .input-wrapper,
body.qr-glass #content .password-input-group {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}
body.qr-glass #content :is(input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], input[type='url'], select, textarea) {
	box-sizing: border-box !important;
	width: 100% !important;
	height: 52px !important;
	min-height: 52px !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 1px solid var(--qr-field-border) !important;
	border-radius: 12px !important;
	background: rgba(0, 0, 0, 0.3) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	text-transform: none !important;
}
body.qr-glass #content textarea {
	height: auto !important;
	min-height: 120px;
	padding: 14px 16px !important;
}
body.qr-glass #content :is(input, select, textarea):focus {
	border-color: #fff !important;
	background: rgba(0, 0, 0, 0.3) !important;
	color: #fff !important;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18) !important;
	outline: none !important;
}
body.qr-glass #content input:-webkit-autofill,
body.qr-glass #content input:-webkit-autofill:hover,
body.qr-glass #content input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.9) inset !important;
	box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.9) inset !important;
	-webkit-text-fill-color: #fff !important;
	caret-color: #fff;
}
body.qr-glass #content input[readonly],
body.qr-glass #content input:disabled {
	opacity: 0.6;
}
/* Password show/hide: a 44px button at the right of the field (account-glass.js adds the
   button role, label and keyboard support). */
body.qr-glass #content .password-input-group input {
	padding-right: 52px !important;
}
body.qr-glass #content .password_preview {
	position: absolute !important;
	top: 4px !important;
	right: 2px !important;
	bottom: auto !important;
	left: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	border-radius: 8px;
	color: #fff !important;
	font-size: 20px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	opacity: 0.85;
}
body.qr-glass #content .password_preview::before {
	width: 20px;
	height: 20px;
	font-size: 20px !important;
}
body.qr-glass #content .password_preview:focus-visible {
	outline-offset: -4px !important;
}
/* QRS-303: complete-account form. Our own show/hide button (shown when account-glass.js runs)
   and the live password checks under the fields. */
body.qr-glass #content .qr-pass-group {
	position: relative;
	display: block;
}
body.qr-glass #content .qr-pass-ready .qr-pass-group input {
	padding-right: 52px !important;
}
body.qr-glass #content .qr-pass-toggle {
	position: absolute;
	top: 50%;
	right: 2px;
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	opacity: 0.85;
}
body.qr-glass #content .qr-pass-ready .qr-pass-toggle {
	display: flex;
}
body.qr-glass #content .qr-pass-toggle:hover {
	background: rgba(255, 255, 255, 0.08);
	opacity: 1;
}
body.qr-glass #content .qr-pass-toggle:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}
body.qr-glass #content .qr-pass-toggle__hide,
body.qr-glass #content .qr-pass-toggle[aria-pressed='true'] .qr-pass-toggle__show {
	display: none;
}
body.qr-glass #content .qr-pass-toggle[aria-pressed='true'] .qr-pass-toggle__hide {
	display: block;
}
body.qr-glass #content .qr-pass-hint {
	display: block;
	min-height: 20px;
	margin: 6px 2px 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	line-height: 1.5;
}
body.qr-glass #content .qr-pass-hint.is-ok {
	color: #7ee2a0;
}
body.qr-glass #content .qr-pass-hint.is-bad {
	color: #ff9a90;
}
body.qr-glass #content .qr-pass-hint.is-ok::before {
	content: '\2713\00a0';
}
/* The phone number row on the register form: space before the terms checkbox. */
body.qr-glass #content .ur-form-row.ur-phone-number-field {
	margin: 0 0 20px !important;
}
/* International phone field: keep room for the flag button. */
body.qr-glass #content .iti {
	display: block !important;
	width: 100% !important;
}
body.qr-glass #content .iti input[type='tel'] {
	padding-left: 52px !important;
}
body.qr-glass #content .iti__selected-flag,
body.qr-glass #content .iti__country-container {
	border-radius: 12px 0 0 12px;
}
body.qr-glass #content .iti__country-list,
body.qr-glass #content .iti__country-list * {
	color: #111 !important;
}

/* Checkboxes (remember me, terms). */
body.qr-glass #content input[type='checkbox'] {
	width: 18px !important;
	height: 18px !important;
	margin: 0 10px 0 0 !important;
	flex: none;
	accent-color: #fff;
	vertical-align: middle;
}
body.qr-glass #content .user-registration-form__label-for-checkbox,
body.qr-glass #content .ur-terms-checkbox label,
body.qr-glass #content .woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: center;
	gap: 0;
	min-height: 44px;
	margin: 0 0 8px !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
body.qr-glass #content .user-registration-form__label-for-checkbox span {
	font-size: 14px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
html body.qr-glass #content .ur-terms-checkbox .ur-form-grid label {
	display: block !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	min-height: 0;
	padding: 4px 0 4px 28px !important;
	position: relative;
}
body.qr-glass #content .ur-terms-checkbox input[type='checkbox'] {
	position: absolute;
	left: 0;
	top: 6px;
}

/* ---------- Buttons ---------- */
body.qr-glass #content :is(.ur-submit-button, .user-registration-Button, .user-registration-submit-Button, .qr-guest-account-form button[type='submit'], .qr-guest-account-form a.button, .woocommerce-Button, .woocommerce-button, button.button, input[type='submit'].button) {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 52px !important;
	height: auto !important;
	margin: 8px 0 16px !important;
	padding: 14px 20px !important;
	float: none !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #111 !important;
	font-family: Raleway, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	letter-spacing: 0.12em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	cursor: pointer;
	transition: background-color 0.2s;
}
body.qr-glass #content :is(.ur-submit-button, .user-registration-Button, .user-registration-submit-Button, .qr-guest-account-form button[type='submit'], .qr-guest-account-form a.button, .woocommerce-Button, .woocommerce-button, button.button, input[type='submit'].button):hover {
	background: #e9e9e9 !important;
	color: #111 !important;
}
body.qr-glass #content :is(.ur-submit-button, .user-registration-Button, .woocommerce-button, button.button):focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 3px !important;
}
body.qr-glass #content .ur-button-container {
	margin: 8px 0 0 !important;
	padding: 0 !important;
}
/* Secondary buttons: profile picture upload and remove, smaller WooCommerce actions. The
   html prefix makes these win over the primary button rule above. */
html body.qr-glass #content :is(.user_registration_profile_picture_upload, .profile-pic-remove, .woocommerce-orders-table .woocommerce-button, .order-again .button) {
	display: inline-flex !important;
	width: auto !important;
	min-height: 44px !important;
	margin: 0 8px 8px 0 !important;
	padding: 10px 18px !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	font-size: 12px !important;
}
html body.qr-glass #content :is(.user_registration_profile_picture_upload, .profile-pic-remove, .woocommerce-orders-table .woocommerce-button, .order-again .button):hover {
	background: rgba(255, 255, 255, 0.18) !important;
	color: #fff !important;
}

/* A button that the plugin hides with an inline style stays hidden (for example "Remove" when
   there is no profile picture). */
html body.qr-glass #content .button:is([style*='display:none'], [style*='display: none']) {
	display: none !important;
}
html body.qr-glass #content .user-registration-profile-header .button svg {
	flex: none;
	margin-right: 8px;
	filter: brightness(0) invert(1);
}

/* Links under the login form. */
body.qr-glass #content :is(.user-registration-LostPassword, .user-registration-register) {
	display: block !important;
	margin: 8px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}
body.qr-glass #content :is(.user-registration-LostPassword, .user-registration-register) a {
	display: inline-flex !important;
	align-items: center;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
}
/* QRS-305: "Not a member yet?" sits right under "Lost your password?" (the plugin adds 16px
   padding above it, and the rule above an 8px margin). Each link keeps a 44px touch area. */
body.qr-glass #content .user-registration-LostPassword + .user-registration-register,
body.qr-glass #content .user-registration-register {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* QRS-309: "Already have an account? Sign in." under the register button (the button row is
   a flex row, so it wraps, and the link takes a full line). */
body.qr-glass #content .ur-button-container:has(.qr-register-login) {
	flex-wrap: wrap !important;
}
body.qr-glass #content .user-registration-register.qr-register-login {
	flex: 0 0 100%;
	width: 100%;
	margin-top: 12px !important;
}
body.qr-glass #content .user-registration-register a::before,
body.qr-glass #content .user-registration-register a::after {
	content: none !important;
}

/* ---------- Notices ---------- */
body.qr-glass #content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info, .woocommerce-notice) {
	margin: 0 0 20px !important;
	padding: 14px 18px !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 14px !important;
	background: rgba(0, 0, 0, 0.35) !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	list-style: none !important;
}
body.qr-glass #content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info)::before {
	display: none !important;
}
body.qr-glass #content .woocommerce-error {
	border-color: rgba(255, 138, 128, 0.7) !important;
}
body.qr-glass #content .woocommerce-error ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* ---------- Signed-in account centre ---------- */
body.qr-glass--account #content .user-registration-MyAccount {
	display: grid !important;
	grid-template-columns: 240px minmax(0, 1fr);
	box-sizing: border-box;
	width: 100% !important;
	max-width: 1080px !important;
	margin: 0 auto !important;
	border: 1px solid var(--qr-panel-border) !important;
	border-radius: 24px !important;
	background: var(--qr-panel-bg) !important;
	box-shadow: var(--qr-panel-shadow) !important;
	-webkit-backdrop-filter: var(--qr-panel-blur) !important;
	backdrop-filter: var(--qr-panel-blur) !important;
	overflow: hidden;
	animation: qrGlassIn 0.4s ease-in-out both;
}
/* QRS-301: after a profile save (for example a new profile picture) the User Registration script
   puts its message box before the menu, inside the account grid. It took the menu column, so the
   menu and the form moved, and its white text was on a light green box. The box now goes across
   the full width above the menu and the form, in the glass style. After a reload WordPress shows
   the message in the content column, as before. */
body.qr-glass--account #content .user-registration-MyAccount > :is(.user-registration-message, .user-registration-error, .user-registration-info) {
	grid-column: 1 / -1;
	display: flex !important;
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
	width: auto !important;
	margin: 0 !important;
	padding: 14px 24px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 0 !important;
	background: rgba(0, 0, 0, 0.3) !important;
	box-shadow: inset 4px 0 0 #49c85f !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
}
body.qr-glass--account #content .user-registration-MyAccount > .user-registration-error {
	box-shadow: inset 4px 0 0 #ff8a80 !important;
}
body.qr-glass--account #content .user-registration-MyAccount > :is(.user-registration-message, .user-registration-error, .user-registration-info) :is(ul, li) {
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	list-style: none !important;
}
body.qr-glass--account #content .user-registration-MyAccount-navigation {
	display: block !important;
	margin: 0 !important;
	padding: 28px 16px !important;
	border: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: rgba(0, 0, 0, 0.18) !important;
}
body.qr-glass--account #content .user-registration-MyAccount-navigation ul {
	display: flex !important;
	flex-direction: column;
	gap: 4px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
body.qr-glass--account #content .user-registration-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
}
body.qr-glass--account #content .user-registration-MyAccount-navigation li a {
	display: flex !important;
	align-items: center;
	min-height: 44px;
	padding: 10px 14px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.85) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	white-space: nowrap;
}
body.qr-glass--account #content .user-registration-MyAccount-navigation li a:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
}
body.qr-glass--account #content .user-registration-MyAccount-navigation li.is-active a {
	background: rgba(255, 255, 255, 0.16) !important;
	box-shadow: inset 3px 0 0 #fff;
	color: #fff !important;
	font-weight: 600 !important;
}
body.qr-glass--account #content .user-registration-MyAccount-navigation-link--user-logout {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.qr-glass--account #content .user-registration-MyAccount-content {
	min-width: 0;
	text-align: left !important;
	padding: 36px 40px !important;
	color: #fff !important;
}
body.qr-glass--account #content .user-registration-MyAccount-content > :first-child {
	margin-top: 0 !important;
}
body.qr-glass--account #content .user-registration-MyAccount-content p {
	color: #fff !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}
body.qr-glass--account #content .qr-glass__back {
	margin: 0 0 12px !important;
	font-size: 14px !important;
}

/* Dashboard */
body.qr-glass #content .qr-account-home__head {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0 0 28px;
}
body.qr-glass #content .qr-account-home__avatar {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 64px;
	height: 64px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff !important;
	font-family: Raleway, sans-serif !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em;
	object-fit: cover;
}
body.qr-glass #content .qr-account-cards {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0 0 24px !important;
	padding: 0 !important;
	list-style: none !important;
}
body.qr-glass #content .qr-account-cards li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
body.qr-glass #content .qr-account-card {
	position: relative;
	display: flex !important;
	flex-direction: column;
	gap: 6px;
	height: 100%;
	box-sizing: border-box;
	padding: 20px 44px 20px 20px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	text-align: left !important;
	border-radius: 16px !important;
	background: rgba(0, 0, 0, 0.22) !important;
	text-decoration: none !important;
	transition: background-color 0.2s, border-color 0.2s;
}
body.qr-glass #content .qr-account-card::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	opacity: 0.7;
}
body.qr-glass #content .qr-account-card:hover {
	border-color: rgba(255, 255, 255, 0.4) !important;
	background: rgba(255, 255, 255, 0.08) !important;
}
body.qr-glass #content .qr-account-card__title {
	color: #fff !important;
	font-family: Raleway, sans-serif !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}
body.qr-glass #content .qr-account-card__text {
	color: var(--qr-text-soft) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}
body.qr-glass #content :is(.qr-account-home__signout, .qr-glass__back) a,
body.qr-glass #content .woocommerce-orders-table__cell-order-number a,
body.qr-glass #content .woocommerce-table__product-name a {
	display: inline-block !important;
	padding: 12px 0 !important;
}
body.qr-glass #content .qr-account-home__signout {
	margin: 0 !important;
	color: var(--qr-text-soft) !important;
	font-size: 14px !important;
}

/* Sign out: a red button on the dashboard, with a confirmation dialog. */
body.qr-glass #content .qr-account-home__who {
	flex: 1 1 auto;
	min-width: 0;
}
html body.qr-glass #content a.qr-signout {
	display: inline-flex !important;
	align-items: center;
	flex: none;
	min-height: 44px;
	padding: 10px 18px !important;
	border: 1px solid rgba(255, 107, 107, 0.65) !important;
	border-radius: 12px !important;
	background: rgba(229, 72, 77, 0.12) !important;
	color: #ff8a8a !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	white-space: nowrap;
}
html body.qr-glass #content a.qr-signout:hover {
	background: rgba(229, 72, 77, 0.24) !important;
	color: #ffb3b3 !important;
}
.qr-signout-dialog {
	width: min(400px, calc(100vw - 32px));
	max-width: none;
	margin: auto;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 24px;
	background: rgba(28, 28, 28, 0.92);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(22px) saturate(140%);
	backdrop-filter: blur(22px) saturate(140%);
	color: #fff;
}
.qr-signout-dialog::backdrop {
	background: rgba(0, 0, 0, 0.6);
}
.qr-signout-dialog__box {
	padding: 28px 24px 24px;
}
html body.qr-glass #content .qr-signout-dialog__actions {
	display: flex;
	gap: 12px;
	margin-top: 8px;
}
html body.qr-glass #content :is(.qr-signout-dialog__cancel, .qr-signout-dialog__confirm) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 1 1 0;
	min-height: 48px;
	margin: 0 !important;
	padding: 12px 16px !important;
	border-radius: 12px !important;
	font-family: Raleway, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	cursor: pointer;
}
html body.qr-glass #content .qr-signout-dialog__cancel {
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	background: transparent !important;
	color: #fff !important;
}
html body.qr-glass #content .qr-signout-dialog__confirm {
	border: 0 !important;
	background: #e5484d !important;
	color: #fff !important;
}
html body.qr-glass #content .qr-signout-dialog__confirm:hover {
	background: #cf3b40 !important;
}

/* Order details: product image and name, then the quantity; totals in two clear columns. */
body.qr-glass #content .qr-order-item {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	vertical-align: middle;
}
body.qr-glass #content img.qr-order-item__image {
	flex: none;
	width: 56px !important;
	height: 56px !important;
	margin: 0 !important;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.08);
	object-fit: cover;
}
body.qr-glass #content .woocommerce-table--order-details .product-quantity {
	margin-left: 6px;
	color: var(--qr-text-soft) !important;
	font-weight: 500 !important;
	white-space: nowrap;
}
body.qr-glass #content .woocommerce-table--order-details :is(th, td).product-total,
body.qr-glass #content .woocommerce-table--order-details tfoot td,
body.qr-glass #content .woocommerce-table--order-details thead th:last-child {
	text-align: right !important;
	white-space: nowrap;
}
body.qr-glass #content .woocommerce-table--order-details tfoot th {
	color: var(--qr-text-soft) !important;
	font-weight: 500 !important;
}
body.qr-glass #content .woocommerce-table--order-details tfoot tr:last-child :is(th, td) {
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}
body.qr-glass #content .woocommerce-table--order-details .wc-item-meta {
	margin: 8px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	font-size: 13px !important;
}
body.qr-glass #content :is(.woocommerce-customer-details .col2-set, .woocommerce-columns--addresses) {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	width: 100% !important;
}
body.qr-glass #content :is(.woocommerce-customer-details .col2-set, .woocommerce-columns--addresses) > * {
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}
body.qr-glass #content .woocommerce-customer-details :is(.col2-set, .woocommerce-columns--addresses)::before,
body.qr-glass #content .woocommerce-customer-details :is(.col2-set, .woocommerce-columns--addresses)::after {
	content: none !important;
}
body.qr-glass #content .woocommerce-customer-details address p {
	margin: 10px 0 0 !important;
}
body.qr-glass #content .woocommerce-order-details > p,
body.qr-glass #content .user-registration-MyAccount-content > p:has(mark) {
	margin: 0 0 20px !important;
	color: var(--qr-text-soft) !important;
}


body.qr-glass #content .user-registration-profile-header {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 20px !important;
	margin: 0 0 24px !important;
	padding: 0 0 24px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: transparent !important;
	text-align: left !important;
}
body.qr-glass #content .user-registration-img-container {
	position: relative;
	flex: none;
	width: 88px !important;
	height: 88px !important;
	margin: 0 !important;
}
body.qr-glass #content .user-registration-img-container img,
body.qr-glass #content img.profile-preview {
	width: 88px !important;
	height: 88px !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: none !important;
	object-fit: cover;
	color: transparent !important;
	font-size: 0 !important;
}
body.qr-glass #content .user-registration-profile-fields,
body.qr-glass #content .user-registration-profile-fields__field-wrapper {
	display: block !important;
	width: 100% !important;
}
body.qr-glass #content .user-registration-profile-fields .ur-form-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 20px;
	width: 100% !important;
}
body.qr-glass #content .user-registration-profile-fields .ur-form-row > .ur-form-grid {
	display: contents !important;
}
body.qr-glass #content .user-registration-profile-fields .ur-field-item {
	min-width: 0;
	width: auto !important;
}
body.qr-glass #content .user-registration-profile-header header {
	display: block !important;
	flex: 1 1 auto;
	width: auto !important;
	height: auto !important;
}
body.qr-glass #content .user-registration-profile-header .button-group {
	position: static !important;
	top: auto !important;
	left: auto !important;
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	width: auto !important;
	height: auto !important;
}
body.qr-glass #content .user-registration-profile-header .button-group .button {
	margin: 0 !important;
	white-space: nowrap;
}
body.qr-glass--account #content .user-registration-MyAccount-content h2 {
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-transform: none !important;
}
body.qr-glass #content .user-registration-EditProfileForm :is(.user-registration-Button, .user-registration-submit-Button) {
	max-width: 280px;
}
body.qr-glass #content .user-registration-EditAccountForm legend {
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}
body.qr-glass #content .user-registration-EditAccountForm {
	max-width: 480px;
}

/* Orders (WooCommerce tables inside the account centre) */
body.qr-glass #content table.shop_table,
body.qr-glass #content table.woocommerce-table {
	width: 100% !important;
	margin: 0 0 24px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 16px !important;
	background: rgba(0, 0, 0, 0.22) !important;
	overflow: hidden;
}
body.qr-glass #content table.shop_table :is(th, td),
body.qr-glass #content table.woocommerce-table :is(th, td) {
	padding: 14px 16px !important;
	border: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	text-align: left !important;
	vertical-align: middle !important;
}
body.qr-glass #content table.shop_table thead th,
body.qr-glass #content table.woocommerce-table thead th {
	border-top: 0 !important;
	color: var(--qr-text-soft) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}
body.qr-glass #content .woocommerce-pagination {
	display: flex;
	gap: 12px;
}
body.qr-glass #content :is(.woocommerce-order-details, .woocommerce-customer-details) {
	margin: 0 0 24px !important;
}
body.qr-glass #content :is(.woocommerce-order-details__title, .woocommerce-column__title) {
	margin: 0 0 12px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
}
body.qr-glass #content .woocommerce-customer-details address {
	padding: 16px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 16px !important;
	background: rgba(0, 0, 0, 0.22) !important;
	font-style: normal !important;
	line-height: 1.6 !important;
}
body.qr-glass #content mark {
	padding: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-weight: 600 !important;
}
body.qr-glass #content .woocommerce-orders-table__cell-order-actions .button {
	margin: 0 !important;
}

/* ---------- Tablet (768-1023px) ---------- */
@media (max-width: 1023px) {
	body.qr-glass #body::before {
		background: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.75) 75%);
	}
	body.qr-glass--form #content .module_column {
		grid-template-columns: minmax(0, 420px);
		justify-content: center;
		row-gap: 40px;
	}
	body.qr-glass--form #content .module-fancy-heading,
	body.qr-glass--form #content .ur-frontend-form,
	body.qr-glass--form #content .qr-guest-account-form,
	body.qr-glass--form #content .module_column > .module-plain-text > .tb_text_wrap > p,
	body.qr-glass--form #content .user-registration-message,
	body.qr-glass--form #content .user-registration-error {
		grid-column: 1;
	}
	body.qr-glass--form #content .module-fancy-heading {
		text-align: center !important;
	}
	body.qr-glass #content .fancy-heading,
	body.qr-glass #content .qr-glass__intro-text {
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
	body.qr-glass #content .fancy-heading .sub-head {
		font-size: 36px !important;
	}
	body.qr-glass--account #content .user-registration-MyAccount {
		grid-template-columns: 200px minmax(0, 1fr);
	}
	body.qr-glass--account #content .user-registration-MyAccount-content {
		padding: 28px 24px !important;
	}
}

/* ---------- Phone (767px and down) ---------- */
@media (max-width: 767px) {
	body.qr-glass--bare {
		--qr-bar-h: 38px;
	}
	body.qr-glass #body {
		align-items: stretch;
		background-image: var(--qr-glass-photo-phone) !important;
		background-size: max(100%, calc(100vh * 2400 / 1569)) auto !important;
		background-position: center top !important;
	}
	body.qr-glass #body::before {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0.85) 100%);
	}
	body.qr-glass #layout {
		display: flex !important;
		flex: 1 1 auto !important;
		flex-direction: column;
		align-items: stretch !important;
		justify-content: flex-start !important;
		width: 100% !important;
		padding: 0 !important;
	}
	body.qr-glass #content {
		display: flex !important;
		flex: 1 1 auto;
		flex-direction: column;
	}
	body.qr-glass #content > *,
	body.qr-glass #content .page-content,
	body.qr-glass #content .themify_builder_content,
	body.qr-glass #content .module_row,
	body.qr-glass #content .row_inner {
		display: flex !important;
		flex: 1 1 auto;
		flex-direction: column;
	}
	/* Signed-out pages: the card is a sheet at the bottom of the first screen. */
	body.qr-glass--form #content .module_column {
		display: flex !important;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: flex-end;
		row-gap: 0;
		padding-top: 32px !important;
	}
	body.qr-glass--form #content .qr-glass__intro--hide-phone {
		display: none !important;
	}
	body.qr-glass--form #content .module-fancy-heading {
		margin: 0 0 24px !important;
		padding: 0 20px !important;
	}
	body.qr-glass #content .fancy-heading .sub-head {
		font-size: 28px !important;
		font-weight: 400 !important;
	}
	body.qr-glass--form #content .ur-frontend-form,
	body.qr-glass--form #content .qr-guest-account-form,
	body.qr-glass--form #content .module_column > .module-plain-text > .tb_text_wrap > p {
		padding: 28px 20px max(28px, env(safe-area-inset-bottom)) !important;
		border-width: 1px 0 0 !important;
		border-radius: 28px 28px 0 0 !important;
	}
	body.qr-glass--form #content .user-registration-message,
	body.qr-glass--form #content .user-registration-error {
		margin: 0 16px 12px !important;
		width: auto !important;
	}

	/* Signed-in account centre: one panel, the menu becomes a row of tabs. */
	body.qr-glass--account #content .module_column {
		display: flex !important;
		flex: 1 1 auto;
		flex-direction: column;
		padding: 16px 0 0 !important;
	}
	body.qr-glass--account #content .module_column > .module-plain-text,
	body.qr-glass--account #content .module_column > .module-plain-text > .tb_text_wrap {
		display: flex !important;
		flex: 1 1 auto;
		flex-direction: column;
	}
	body.qr-glass--account #content .user-registration-MyAccount {
		display: block !important;
		flex: 1 1 auto;
		border-width: 1px 0 0 !important;
		border-radius: 28px 28px 0 0 !important;
	}
	body.qr-glass--account #content .user-registration-MyAccount-navigation {
		padding: 12px 12px 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
		background: transparent !important;
		overflow-x: auto;
		scrollbar-width: none;
	}
	body.qr-glass--account #content .user-registration-MyAccount-navigation::-webkit-scrollbar {
		display: none;
	}
	body.qr-glass--account #content .user-registration-MyAccount-navigation ul {
		flex-direction: row;
		gap: 4px;
		width: max-content;
		padding: 0 4px 12px !important;
	}
	body.qr-glass--account #content .user-registration-MyAccount-navigation li.is-active a {
		box-shadow: none;
	}
	body.qr-glass--account #content .user-registration-MyAccount-navigation-link--user-logout {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	body.qr-glass--account #content .user-registration-MyAccount-content {
		padding: 24px 20px max(32px, env(safe-area-inset-bottom)) !important;
	}
	body.qr-glass #content .qr-account-cards,
	body.qr-glass #content .user-registration-profile-fields .ur-form-row {
		grid-template-columns: minmax(0, 1fr);
	}
	body.qr-glass #content :is(.woocommerce-customer-details .col2-set, .woocommerce-columns--addresses) {
		grid-template-columns: minmax(0, 1fr);
	}
	body.qr-glass #content .qr-account-home__head {
		flex-wrap: wrap;
	}
	body.qr-glass #content .woocommerce-table--order-details :is(th, td).product-total {
		white-space: normal;
	}
	body.qr-glass #content .user-registration-EditProfileForm :is(.user-registration-Button, .user-registration-submit-Button) {
		max-width: none;
	}
	body.qr-glass #content table.shop_table_responsive thead {
		display: none !important;
	}
	body.qr-glass #content table.shop_table_responsive tr {
		display: block !important;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}
	body.qr-glass #content table.shop_table_responsive tr:first-child {
		border-top: 0;
	}
	body.qr-glass #content table.shop_table_responsive tbody :is(td, th) {
		display: block !important;
		padding: 10px 16px !important;
		border-top: 0 !important;
		text-align: right !important;
	}
	body.qr-glass #content table.shop_table_responsive tbody :is(td, th)::before {
		content: attr(data-title);
		float: left;
		margin-right: 16px;
		color: var(--qr-text-soft);
		font-size: 12px;
		font-weight: 500;
		line-height: 2;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}
	body.qr-glass #content table.shop_table_responsive tbody :is(td, th)::after {
		content: '';
		display: table;
		clear: both;
	}
	body.qr-glass #content table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before {
		content: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.qr-glass--form #content .ur-frontend-form,
	body.qr-glass--form #content .qr-guest-account-form,
	body.qr-glass--account #content .user-registration-MyAccount {
		animation: none !important;
	}
}