/* IRIS Gateway — frontend */
.wc-iris-box {
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 8px;
	padding: 20px;
	margin: 0 0 2em;
	background: rgba(0, 0, 0, .015);
}
.wc-iris-box__title { margin-top: 0; }
.wc-iris-box__instructions p:last-child { margin-bottom: 1em; }
.wc-iris-box__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: flex-start;
}
.wc-iris-box__rows {
	flex: 1 1 280px;
	margin: 0;
}
.wc-iris-box__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 4px 12px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.wc-iris-box__row:last-child { border-bottom: 0; }
.wc-iris-box__row dt { margin: 0; font-weight: 400; opacity: .75; }
.wc-iris-box__row dd {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	word-break: break-all;
}
.wc-iris-box__value { font-variant-numeric: tabular-nums; }
.wc-iris-copy-btn {
	font-size: 12px;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 4px;
	border: 1px solid currentColor;
	background: transparent;
	color: inherit;
	cursor: pointer;
	opacity: .8;
	white-space: nowrap;
}
.wc-iris-copy-btn:hover, .wc-iris-copy-btn:focus { opacity: 1; }
.wc-iris-copy-btn.is-copied { color: #008a20; }
.wc-iris-box__qr { margin: 0; text-align: center; flex: 0 0 auto; }
.wc-iris-box__qr img { width: 200px; max-width: 100%; height: auto; background: #fff; padding: 8px; border-radius: 6px; }
.wc-iris-box__qr figcaption { font-size: 13px; opacity: .75; margin-top: 6px; max-width: 200px; }

.wc-iris-status { padding: 12px 16px; border-left: 4px solid #0b5cad; background: rgba(11, 92, 173, .06); }
.wc-iris-status--ok { border-color: #008a20; background: rgba(0, 138, 32, .06); }
.wc-iris-status--warn { border-color: #d63638; background: rgba(214, 54, 56, .06); }
.wc-iris-status .button { margin-left: 8px; }

/* Checkout Block */
.wc-iris-block-label { display: inline-flex; align-items: center; gap: 10px; width: 100%; }
.wc-iris-block-label__icon { height: 24px; width: auto; margin-left: auto; }
.wc-iris-block__desc { margin: 0 0 10px; }
.wc-iris-block__note { margin: 0 0 10px; font-size: .9em; opacity: .8; }
.wc-iris-block__phone label { display: block; font-size: .9em; margin-bottom: 4px; }
.wc-iris-block__phone input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: 4px;
	font-size: 16px;
	background: #fff;
	color: #1e1e1e;
}