/* LAFU Gift Cards: the card itself (print page, admin, My Account). */

.lafu-gc-card {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	max-width: 520px;
	aspect-ratio: 1.586;
	padding: clamp(20px, 6.5%, 36px);
	border-radius: 18px;
	overflow: hidden;
	font-family: inherit;
	line-height: 1.25;
	box-shadow: 0 18px 40px -18px rgba(26, 26, 26, .45), 0 2px 6px rgba(26, 26, 26, .08);
	container-type: inline-size;
}

.lafu-gc-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(115deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 42%);
	pointer-events: none;
}

.lafu-gc-card__top {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.lafu-gc-card__label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.lafu-gc-card__shop {
	font-size: 17px;
	font-weight: 600;
}

.lafu-gc-card__line {
	margin-top: 4px;
	font-size: 14px;
	opacity: .9;
}

.lafu-gc-card__line:empty {
	display: none;
}

.lafu-gc-card__amount {
	font-size: clamp(30px, 8vw, 46px);
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1;
}

.lafu-gc-card__amount .woocommerce-Price-amount {
	color: inherit;
}

.lafu-gc-card__bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px;
}

.lafu-gc-card__meta {
	min-width: 0;
}

.lafu-gc-card__people {
	font-size: 14px;
	margin-bottom: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lafu-gc-card__people:empty {
	display: none;
}

.lafu-gc-card__code {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: clamp(14px, 3.6vw, 19px);
	font-weight: 700;
	letter-spacing: .06em;
	word-break: break-all;
}

.lafu-gc-card__expires {
	font-size: 12px;
	opacity: .8;
	margin-top: 6px;
}

.lafu-gc-card__qr {
	flex: none;
	line-height: 0;
	padding: 5px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.lafu-gc-card__qr svg {
	display: block;
	width: clamp(56px, 15vw, 76px);
	height: auto;
}

/* Size the QR code by the card, so small printed cards keep room for the art. */
@container (max-width: 1000px) {
	.lafu-gc-card__qr svg {
		width: clamp(44px, 13cqw, 76px);
	}
}

@media print {
	.lafu-gc-card {
		box-shadow: none;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}