/*
 * Product info note — the highlighted line between the short description
 * and the buy buttons ("You can choose the colour of the embroidered
 * text"). Rendered by includes/class-tpux-product-note.php from the
 * product's Advanced-tab field; loaded only on product pages that have
 * a note. Replaces the hand-written .tp-note markup in short descriptions.
 */
.tpux-note {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 8px !important;
	padding: 9px 14px;
	border-radius: 8px;
	background: #eaf2fb;
	color: #1a4971;
	font-family: "Inter", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.tpux-note__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	/* A slightly brighter blue than the text so the filled circle reads as
	   an icon, not a blot. */
	color: #2f6db5;
}

.tpux-note__svg {
	display: block;
	width: 18px;
	height: 18px;
}

.tpux-note__text {
	flex: 1;
	min-width: 0;
}

.tpux-note__text a {
	color: inherit;
	text-decoration: underline;
}