h1 + .picu-approval-form {
	margin-top: 40px;
}

.picu-order-table {
	margin: 0 auto 30px;
	width: 80%;
	border-collapse: collapse;
}

.picu-order-table th {
	padding: 0.5em 0;
	text-align: left;
	font-weight: normal;
}

.picu-order-table td {
	padding: 0.5em 0;
}

.picu-order-table tr td:last-child {
	text-align: right;
}

.picu_ecom_table__taxes {
	border-top: 1px solid #666;
	border-top: 1px solid var(--picu-border-line-strong);
}

.picu_ecom_table__total {
	border-top: 1px solid #666;
	border-top: 1px solid var(--picu-border-line-strong);
}

.picu_ecom_table__total th, 
.picu_ecom_table__total td {
	padding-top: 0.25em;
	font-size: 1.5em
}

.picu_ecom_table__total th {
	font-weight: 700;
}

/* TODO: Add colors! */

.picu-payment-provider-select {
	margin: 0 auto 2rem auto;
	max-width: 50%;
	text-align: left;
}

.picu-payment-provider-select h2 {
	text-align: center;
}

.picu-payment-provider-select p {
	margin: 0;
	padding: 1rem;
	background-color: var(--picu-site-background);
	border: 1px solid var(--picu-border-line);
	list-style: none;
}

.picu-payment-provider-select ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 1rem;
	background-color: var(--picu-site-background);
	border: 1px solid var(--picu-border-line);
	list-style: none;
}

.picu-payment-provider-select li {
	display: grid;
	grid-template-columns: 15px calc( 100% - 15px );
	gap: 10px;
	align-items: start;
	width: 100%;
}

.picu-payment-provider-select input {
	margin-top: 0.35em;
}

.picu-payment-provider-select label {
	font-weight: 700;
}

.picu-payment-provider-select label span {
	font-weight: 400;
}

.order-status {
	position: relative;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.5rem 1rem;
	padding: 0.75rem 1rem 0.75rem 3rem;
	min-height: 3.9375rem;
	border: 2px solid rgb(from var(--picu-success-color) r g b / 20%);
	border-radius: 3px;
	background: rgb(from var(--picu-success-color) r g b / 6%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%237ad03a'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005zm2.82 14.429a1 1 0 0 0 -1.391 -.25a2.5 2.5 0 0 1 -2.858 0a1 1 0 0 0 -1.142 1.642a4.5 4.5 0 0 0 5.142 0a1 1 0 0 0 .25 -1.392m-4.815 -4.429h-.01a1 1 0 0 0 0 2h.01a1 1 0 0 0 0 -2m4 0h-.01a1 1 0 0 0 0 2h.01a1 1 0 0 0 0 -2' /%3E%3Cpath d='M19 7h-4l-.001 -4.001z' /%3E%3C/svg%3E") no-repeat left 1rem top 1.05rem;
}

.order-status--pending {
	position: relative;
	display: flex;
	align-items: center;
	border-color: var(--picu-warning-color);
	border-color: rgb(from var(--picu-warning-color) r g b / 20%);
	border-radius: 3px;
	background: rgb(from var(--picu-warning-color) r g b / 6%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23f08a24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005zm2.82 14.429a1 1 0 0 0 -1.391 -.25a2.5 2.5 0 0 1 -2.858 0a1 1 0 0 0 -1.142 1.642a4.5 4.5 0 0 0 5.142 0a1 1 0 0 0 .25 -1.392m-4.815 -4.429h-.01a1 1 0 0 0 0 2h.01a1 1 0 0 0 0 -2m4 0h-.01a1 1 0 0 0 0 2h.01a1 1 0 0 0 0 -2' /%3E%3Cpath d='M19 7h-4l-.001 -4.001z' /%3E%3C/svg%3E") no-repeat left 1rem top 1.05rem;
}

.order-status--failed {
	position: relative;
	display: flex;
	align-items: center;
	border-color: rgb(from var(--picu-alert-color) r g b / 20%);
	background: rgb(from var(--picu-alert-color) r g b / 10%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ee0033'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005zm2.571 15.18a4.5 4.5 0 0 0 -5.142 0a1 1 0 1 0 1.142 1.64a2.5 2.5 0 0 1 2.858 0a1 1 0 0 0 1.142 -1.64m-4.565 -5.18h-.011a1 1 0 0 0 0 2h.01a1 1 0 0 0 0 -2m4 0h-.011a1 1 0 0 0 0 2h.01a1 1 0 0 0 0 -2' /%3E%3Cpath d='M19 7h-4l-.001 -4.001z' /%3E%3C/svg%3E") no-repeat left 1rem top 1.05rem;
}

.order-status a {
	text-decoration: underline;
}

.order-status__message {
	padding: 0.344rem 0;
}

.order-status .button {
	display: inline-block;
	padding: 0.75rem 0.9rem;
	height: 2.1875rem;
	text-decoration: none;
	font-size: 0.6875rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--picu-text-color);
	background-color: var(--picu-warning-color);
	border-radius: 3px;
	white-space: nowrap;
}

.order-status--completed .button--view-invoice {
	padding-left: 2.3rem;
	color: white;
	background: color-mix(in srgb, var(--picu-success-color) 80%, black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-receipt-dollar'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2' /%3E%3Cpath d='M14.8 8a2 2 0 0 0 -1.8 -1h-2a2 2 0 1 0 0 4h2a2 2 0 1 1 0 4h-2a2 2 0 0 1 -1.8 -1' /%3E%3Cpath d='M12 6v10' /%3E%3C/svg%3E") no-repeat left 0.75rem top 0.5rem;
}

.order-status--failed .button--go-to-checkout {
	padding-left: 2.4rem;
	color: white;
	background: var(--picu-alert-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-credit-card-pay'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 19h-6a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4.5' /%3E%3Cpath d='M3 10h18' /%3E%3Cpath d='M16 19h6' /%3E%3Cpath d='M19 16l3 3l-3 3' /%3E%3Cpath d='M7.005 15h.005' /%3E%3Cpath d='M11 15h2' /%3E%3C/svg%3E") no-repeat left 0.75rem top 0.5rem;
}