/* Checkout process chrome — Figma 8159:19980. */
.wapu-process-shell__header {
	position: sticky;
	top: 0;
	z-index: 90;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 5.5625rem; /* 89px */
	background: var(--wtds-surface);
	border-bottom: 1px solid var(--wtds-separator-soft);
	box-sizing: border-box;
}

.admin-bar .wapu-process-shell__header { top: 2rem; }

.wapu-process-shell__header-inner {
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 1.5rem;
	box-sizing: border-box;
}
.wapu-process-shell__home{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.5rem;color:var(--wtds-ink);text-decoration:none;font-size:.8rem;font-weight:600}
.wapu-process-shell__home:hover{text-decoration:underline}

.wapu-process-shell__brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8.1875rem; /* 131px container from Figma */
	height: 3.1875rem; /* 51px */
	min-width: 0;
	color: var(--wtds-ink);
}

.wapu-process-shell__brand-logo {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.wapu-process-shell__brand-fallback {
	font-family: var(--wtds-font-text, Poppins, sans-serif);
	font-size: 1rem;
	font-weight: var(--wtds-fw-semibold, 600);
	line-height: 1.2;
	text-align: center;
}

.wapu-process-shell__footer {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	min-height: 7.625rem; /* 122px */
	margin: 0;
	padding: 0;
	background: var(--wtds-surface-inverse);
	color: var(--wtds-surface);
	box-sizing: border-box;
}

.wapu-process-shell__legal {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .5rem 1rem;
	min-height: 4.1875rem;
	padding: .75rem 1.5rem;
	box-sizing: border-box;
}

.wapu-process-shell__legal-link {
	font-family: var(--wtds-font-text, Poppins, sans-serif);
	font-size: .75rem;
	font-weight: var(--wtds-fw-medium, 500);
	line-height: 1.35;
	color: var(--wtds-surface);
	text-decoration: none;
	white-space: nowrap;
	transition: opacity .15s ease;
}

.wapu-process-shell__legal-link:hover { color: var(--wtds-surface); opacity: .72; }
.wapu-process-shell__legal-link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: .125rem;
}

.wapu-process-shell__copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3.4375rem; /* 55px */
	padding: 1rem 6.25rem;
	background: var(--wtds-surface-inverse);
	border-top: 1px solid var(--wtds-separator);
	box-sizing: border-box;
}

.wapu-process-shell__copyright p {
	margin: 0;
	font-family: var(--wtds-font-text, Poppins, sans-serif);
	font-size: .75rem;
	font-weight: var(--wtds-fw-medium, 500);
	line-height: 1.35;
	color: var(--wtds-surface);
	text-align: center;
}

@media (max-width: 48.875rem) {
	.admin-bar .wapu-process-shell__header { top: 2.875rem; }
}

@media (max-width: 38.75rem) {
	.wapu-process-shell__home{left:1rem}
	.wapu-process-shell__home span{display:none}
	.wapu-process-shell__header { height: 4.75rem; }
	.wapu-process-shell__header-inner { padding-inline: 1rem; }
	.wapu-process-shell__brand { width: 7.25rem; height: 2.75rem; }
	.wapu-process-shell__legal {
		gap: .625rem 1rem;
		padding: 1rem 1.125rem;
	}
	.wapu-process-shell__legal-link { white-space: normal; text-align: center; }
	.wapu-process-shell__copyright {
		min-height: 3.5rem;
		padding: 1rem 1.125rem calc(1rem + env(safe-area-inset-bottom, 0px));
	}
}