/* Build 3: Elementor, resilient popup states, and configurable glass surfaces. */
.pa-auth {
	--pa-glass-opacity: 82%;
	color: var(--pa-text, #171717);
	font-family: var(--pa-font-family, inherit);
}

.pa-shell {
	width: min(var(--pa-max-width, 980px), 100%);
	background: var(--pa-surface, #fff);
}

.pa-panel {
	background: var(--pa-surface, #fff);
}

.pa-field input,
.pa-tabs,
.pa-secondary,
.pa-close {
	border-color: var(--pa-border, #dedede);
	background-color: var(--pa-surface, #fff);
}

.pa-field input {
	height: var(--pa-input-height, 52px);
	color: var(--pa-text, #171717);
}

.pa-heading h2,
.pa-brand__name,
.pa-field > span,
.pa-tabs button.is-active {
	color: var(--pa-text, #171717);
}

.pa-heading p,
.pa-brand span,
.pa-field input::placeholder,
.pa-resend,
.pa-powered {
	color: var(--pa-muted, #666);
}

.pa-alert.is-error {
	color: var(--pa-danger, #b42318);
}

.pa-alert.is-success,
.pa-logged-in__icon {
	color: var(--pa-success, #16834a);
}

@supports (background: color-mix(in srgb, #fff 80%, transparent)) {
	.pa-shell {
		background: color-mix(in srgb, var(--pa-surface, #fff) var(--pa-glass-opacity), transparent);
	}

	.pa-panel {
		background: linear-gradient(
			145deg,
			color-mix(in srgb, var(--pa-surface, #fff) calc(var(--pa-glass-opacity) + 8%), transparent),
			color-mix(in srgb, var(--pa-surface, #fff) var(--pa-glass-opacity), transparent)
		);
	}

	.pa-field input,
	.pa-tabs,
	.pa-secondary,
	.pa-close {
		background-color: color-mix(in srgb, var(--pa-surface, #fff) calc(var(--pa-glass-opacity) - 6%), transparent);
	}
}

.pa-trigger:focus-visible,
.pa-auth button:focus-visible,
.pa-auth input:focus-visible,
.pa-auth a:focus-visible {
	outline: 3px solid var(--pa-primary, #ed1c24);
	outline: 3px solid color-mix(in srgb, var(--pa-primary, #ed1c24) 32%, transparent);
	outline-offset: 3px;
}

.pa-modal[hidden],
.pa-modal:not(.is-open) {
	pointer-events: none;
}

.pa-modal.is-open {
	pointer-events: auto;
}

.pa-logged-in__status,
.pa-logged-in__copy {
	display: flex;
	align-items: center;
}

.pa-logged-in__status {
	gap: 12px;
}

.pa-logged-in__copy {
	align-items: flex-start;
	flex-direction: column;
	gap: 2px;
}

.pa-logged-in__copy > span {
	color: #6f747c;
	font-size: 13px;
}

.pa-logged-in__icon {
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 50%;
	color: #116038;
	background: #ecfbf2;
}

.pa-logged-in__logout {
	color: #7a7f88 !important;
}

.elementor-editor-active .pa-modal {
	z-index: 9999999;
}

@media (max-width: 560px) {
	.pa-logged-in,
	.pa-logged-in__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.pa-logged-in__actions {
		gap: 8px;
	}
}

@media (forced-colors: active) {
	.pa-shell,
	.pa-field input,
	.pa-tabs,
	.pa-secondary,
	.pa-close {
		border: 1px solid CanvasText;
		background: Canvas;
	}
}