/**
 * Logged-out My Account — Figma portal auth layout + WooCommerce overrides.
 */

body.celia-account-auth-page main .wp-block-post-title,
body.celia-account-auth-page main > .wp-block-group > .wp-block-spacer {
	display: none !important;
}

body.celia-account-auth-page .woocommerce-MyAccount-content {
	width: 100%;
	max-width: none;
	float: none;
}

body.celia-account-auth-page .woocommerce-MyAccount-content > .woocommerce-notices-wrapper {
	display: none;
}

body.celia-account-auth-page .entry-content > .woocommerce {
	max-width: none;
	margin: 0;
	padding: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper:not(.celia-account-auth__notices) {
	position: relative;
	z-index: 20;
}

.home-portal__account-auth {
	width: 100%;
	max-width: min(1200px, 100%);
	margin: 40px auto;
	padding: 0 clamp(16px, 3vw, 24px);
	box-sizing: border-box;
}

@media screen and (min-width: 901px) {
	.home-portal__account-auth {
		margin: 70px auto;
	}
}

.home-portal__account-auth .home-portal__form-panel {
	border-radius: 40px;
	overflow: hidden;
	padding: clamp(24px, 4vw, 40px);
	background-color: #a9b0ba;
	background-image: var(--portal-bg-image);
	background-size: cover;
	background-position: center;
}

.home-portal__account-auth .home-portal__form-box.home-portal__card {
	width: 100%;
	max-width: 525px;
	margin: 0 auto;
	padding: 20px;
	border-radius: 20px;
	border: 1px solid #ffffff4d;
	background: #9fa7b2;
	backdrop-filter: blur(53.8px);
	-webkit-backdrop-filter: blur(53.8px);
	box-shadow: 9px 10px 19px 0 #8194a780;
	color: #fff;
	box-sizing: border-box;
	overflow: visible;
}

.celia-account-auth {
	width: 100%;
	margin: 0;
}

.celia-account-auth__panel[hidden] {
	display: none !important;
}

.celia-account-auth__notices {
	margin-bottom: 0;
}

.celia-account-auth__switch {
	margin: 22px 0 0;
	text-align: center;
	font-family: 'TASA Orbiter Regular', sans-serif;
	font-size: 15px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.92);
}

.celia-account-auth__switch-link {
	background: none;
	border: 0;
	padding: 0;
	margin: 0 0 0 0.35em;
	font: inherit;
	font-family: 'TASA Orbiter Medium', sans-serif;
	font-weight: 500;
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.celia-account-auth__switch-link:hover,
.celia-account-auth__switch-link:focus-visible {
	text-decoration: none;
}

/* First + last name side by side on register */
.home-portal__account-auth .home-portal__name-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	/* margin: 0 0 14px; */
	width: 100%;
}

.home-portal__account-auth .home-portal__name-grid .b2bking_custom_registration_container {
	margin: 0 !important;
	width: 100%;
}

.home-portal__account-auth .home-portal__name-grid .form-row {
	margin: 0 !important;
}

.home-portal__account-auth .b2bking_custom_registration_container {
	margin: 0 0 14px;
}

.home-portal__account-auth .b2bking_custom_registration_container .form-row {
	margin: 0 !important;
}

@media (max-width: 560px) {
	.home-portal__account-auth .home-portal__name-grid {
		grid-template-columns: 1fr;
	}

	.home-portal__account-auth .home-portal__form-panel {
		border-radius: 24px;
		padding: 20px 16px;
	}
}

/*
 * Portal field skin — !important beats WooCommerce block theme + cbio-fe defaults.
 */
body.celia-account-auth-page .home-portal__account-auth .home-portal__login {
	--portal-field-height: 35px;
	--portal-field-padding: 10px;
	--portal-field-radius: 20px;
	--portal-field-border: 1px solid #ffffff;
	--portal-field-bg: rgba(255, 255, 255, 0.08);
	--portal-field-bg-hover: rgba(255, 255, 255, 0.12);
	--portal-field-blur: blur(98px);
	color: #fff;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login .form-row,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login-form .form-row {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin: 0 0 30px !important;
	padding: 0 !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login label,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login-form label {
	display: block !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-family: 'TASA Orbiter Medium', sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: #fff !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login label .required,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login-form label .required {
	color: rgba(255, 255, 255, 0.85) !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login .input-text,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .woocommerce-Input,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .b2bking_custom_registration_field,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login input[type='text'],
body.celia-account-auth-page .home-portal__account-auth .home-portal__login input[type='email'],
body.celia-account-auth-page .home-portal__account-auth .home-portal__login input[type='password'],
body.celia-account-auth-page .home-portal__account-auth .home-portal__login input[type='tel'],
body.celia-account-auth-page .home-portal__account-auth .home-portal__login select,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login textarea,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .cbio-ref-input,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login-form .input-text,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login-form .b2bking_custom_registration_field {
	display: block !important;
	width: 100% !important;
	height: var(--portal-field-height) !important;
	min-height: var(--portal-field-height) !important;
	margin: 0 !important;
	padding: var(--portal-field-padding) !important;
	border-radius: var(--portal-field-radius) !important;
	border: var(--portal-field-border) !important;
	background: var(--portal-field-bg) !important;
	backdrop-filter: var(--portal-field-blur) !important;
	-webkit-backdrop-filter: var(--portal-field-blur) !important;
	color: #fff !important;
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	letter-spacing: normal !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login .input-text::placeholder,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .b2bking_custom_registration_field::placeholder,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .cbio-ref-input::placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1 !important;
	font-style: italic;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login .input-text:focus,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .b2bking_custom_registration_field:focus,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login select:focus,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login textarea:focus,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .cbio-ref-input:focus {
	outline: none !important;
	border: var(--portal-field-border) !important;
	background: var(--portal-field-bg-hover) !important;
	color: #fff !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login .woocommerce-form-login__submit,
body.celia-account-auth-page .home-portal__account-auth .home-portal__login .woocommerce-form-register__submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: var(--portal-field-height) !important;
	min-height: var(--portal-field-height) !important;
	margin: 0 !important;
	padding: var(--portal-field-padding) !important;
	border-radius: var(--portal-field-radius) !important;
	border: 0 !important;
	background: #fff !important;
	color: #69809e !important;
	font-family: 'TASA Orbiter Bold', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login .woocommerce-form-login__rememberme {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 0 18px !important;
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	font-size: 15px !important;
	color: #fff !important;
}

body.celia-account-auth-page .home-portal__account-auth .password-input {
	display: block !important;
	width: 100% !important;
	position: relative !important;
}

body.celia-account-auth-page .home-portal__account-auth .password-input .input-text {
	width: 100% !important;
	padding-right: 2.75rem !important;
}

body.celia-account-auth-page .home-portal__account-auth .password-input .show-password-input {
	color: rgba(255, 255, 255, 0.75) !important;
	background: transparent !important;
	border: 0 !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-input-wrap {
	display: block !important;
	width: 100% !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-input-wrap .cbio-ref-input {
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	letter-spacing: normal !important;
}

body.celia-account-auth-page .home-portal__account-auth .woocommerce-privacy-policy-text,
body.celia-account-auth-page .home-portal__account-auth .woocommerce-privacy-policy-text p {
	color: rgba(255, 255, 255, 0.88);
	font-family: 'TASA Orbiter Regular', sans-serif;
	font-size: 12px;
	line-height: 1.45;
}

body.celia-account-auth-page .home-portal__account-auth .woocommerce-privacy-policy-text a {
	color: #00b0a9;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-hint,
body.celia-account-auth-page .home-portal__account-auth .cbio-ref-optional {
	color: rgba(255, 255, 255, 0.65) !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-live-result {
	display: block !important;
	margin-top: 8px !important;
	padding: 6px 10px !important;
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	border-radius: 12px !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-live-result.cbio-ref-checking {
	color: rgba(255, 255, 255, 0.75) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-live-result.cbio-ref-confirmed {
	color: #b8f5d4 !important;
	background: rgba(21, 128, 61, 0.25) !important;
	border: 1px solid rgba(187, 247, 208, 0.45) !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-live-result.cbio-ref-invalid {
	color: #ffb4b4 !important;
	background: rgba(185, 28, 28, 0.22) !important;
	border: 1px solid rgba(255, 138, 138, 0.55) !important;
}

body.celia-account-auth-page .home-portal__account-auth #b2bking_registration_roles_dropdown {
	appearance: none;
}

body.celia-account-auth-page .home-portal__account-auth .b2bking_registration_roles_dropdown_section_hidden {
	display: none !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__field-group label {
	margin-bottom: 8px !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__field-hint {
	display: block !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: rgba(255, 255, 255, 0.88) !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-row .cbio-ref-hint {
	display: block !important;
	margin: 6px 0 0 !important;
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

body.celia-account-auth-page .home-portal__account-auth .cbio-ref-row label .cbio-ref-optional {
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75) !important;
}

body.celia-account-auth-page .home-portal__account-auth .woocommerce-privacy-policy-text {
	margin: 8px 0 16px !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login-actions {
	margin-top: 4px !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login-meta {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 4px 0 18px !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login-meta .woocommerce-form-login__rememberme {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login-meta .home-portal__lost-password {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 auto !important;
	text-align: right !important;
	white-space: nowrap;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login-meta .home-portal__lost-password a {
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.88) !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

body.celia-account-auth-page .home-portal__account-auth .home-portal__login-meta .home-portal__lost-password a:hover,
body.celia-account-auth-page .home-portal__account-auth .home-portal__lost-password a:focus-visible {
	color: #fff !important;
	text-decoration: none;
}

@media (max-width: 420px) {
	body.celia-account-auth-page .home-portal__account-auth .home-portal__login-meta {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
	}

	body.celia-account-auth-page .home-portal__account-auth .home-portal__login-meta .home-portal__lost-password {
		text-align: left !important;
		white-space: normal;
	}
}

body.celia-account-auth-page .home-portal__account-auth .celia-account-auth__switch a.celia-account-auth__switch-link {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit;
	font-family: 'TASA Orbiter Medium', sans-serif !important;
	font-weight: 500;
	color: #fff !important;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

body.celia-account-auth-page .home-portal__account-auth .celia-account-auth__switch a.celia-account-auth__switch-link:hover,
body.celia-account-auth-page .home-portal__account-auth .celia-account-auth__switch a.celia-account-auth__switch-link:focus-visible {
	text-decoration: none;
}

body.celia-account-auth-page .home-portal__account-auth .lost_reset_password {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	max-width: none;
}

/* NPI / phone / email validation (celia-npi-validation.js) */
body.celia-account-auth-page .home-portal__account-auth .celia-field-error,
body.celia-account-auth-page .home-portal__account-auth .input-text.celia-field-error,
body.celia-account-auth-page .home-portal__account-auth .b2bking_custom_registration_field.celia-field-error {
	border-color: #ff8a8a !important;
	box-shadow: 0 0 0 1px #ff8a8a !important;
}

body.celia-account-auth-page .home-portal__account-auth .celia-inline-error,
body.celia-account-auth-page .woocommerce-account .home-portal__account-auth .celia-inline-error {
	display: block !important;
	margin-top: 6px !important;
	color: #ffb4b4 !important;
	font-family: 'TASA Orbiter Regular', sans-serif !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
}