.account-status, .purchase-access, .purchase-access__link {
	--access-ink: #292e3b;
	--access-paper: #fff;
	--access-warm: #f4e5d5;
	--access-type: 'Work Sans', system-ui, sans-serif;
	--access-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E");
}

.woocommerce .account-status {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 14px 22px;
	clear: both;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 clamp(24px, 3vw, 40px);
	padding: clamp(22px, 2.8vw, 36px);
	background: #f5f0e9;
	color: var(--access-ink);
	text-align: start;
}

.woocommerce .account-status--rejected { background: var(--access-ink); color: var(--access-paper); }
.account-status::before {
	content: "";
	display: block;
	align-self: start;
	width: 28px;
	height: 28px;
	margin-top: 2px;
	background: currentColor;
	--status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
	-webkit-mask: var(--status-icon) center / contain no-repeat;
	mask: var(--status-icon) center / contain no-repeat;
}
.account-status--rejected::before {
	color: var(--access-warm);
	--status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10' width='15' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3m-4 4v3'/%3E%3C/svg%3E");
}
.woocommerce .account-status .account-status__title {
	margin: 0;
	color: inherit;
	font: 600 clamp(22px, 2vw, 28px)/1.2 var(--access-type);
	letter-spacing: -.025em;
	text-transform: none;
}
.woocommerce .account-status .account-status__message {
	max-width: 65ch;
	margin: 7px 0 0;
	color: inherit;
	font: 400 16px/1.5 var(--access-type);
}

.purchase-access { margin-block: 1.25rem; }
.purchase-access .purchase-access__message { margin: 0 0 .75rem; font: 400 16px/1.5 var(--access-type); color: var(--access-ink); }
a.purchase-access__link {
	color: var(--access-ink);
	font: 500 1em/1.4 var(--access-type);
	text-decoration: underline;
	text-underline-offset: .2em;
}
.purchase-access a.purchase-access__link {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	box-sizing: border-box;
	min-height: 46px;
	max-width: 100%;
	padding: 12px 18px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: var(--access-ink);
	color: var(--access-paper);
	font: 600 15px/1.4 var(--access-type);
	letter-spacing: normal;
	text-align: start;
	text-decoration: none;
	text-transform: none;
}
.purchase-access .purchase-access__link::after {
	content: "";
	display: inline-block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background: currentColor;
	-webkit-mask: var(--access-arrow) center / contain no-repeat;
	mask: var(--access-arrow) center / contain no-repeat;
}
.purchase-access a.purchase-access__link:hover { background: #404652; color: var(--access-paper); }
a.purchase-access__link:focus-visible { outline: 2px solid var(--access-ink); outline-offset: 3px; }

@media (max-width: 760px) {
	.woocommerce .account-status { gap: 12px; padding: 20px; }
	.account-status::before { width: 24px; height: 24px; }
}
