/* Carrier pill + logo base styles.
 * Grid placement inside the FunnelKit rows is owned by the checkout-restyle
 * stylesheet (funnelkit-checkout-style), which lays each row out as a grid and
 * has a dedicated "Carrier mode" section for .lubiwood-carrier-line/-logo.
 * These rules only cover typography and a safety cap for non-restyled contexts.
 */

.lubiwood-carrier-name {
	font-weight: 600;
}

.lubiwood-carrier-pill {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--lw-green, #66b56a);
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	vertical-align: 2px;
	line-height: 1.5;
	white-space: nowrap;
}

img.lubiwood-carrier-logo {
	max-height: 22px;
	width: auto;
	pointer-events: none;
}

@media (max-width: 576px) {
	.lubiwood-carrier-pill {
		font-size: 9.5px;
		padding: 2px 7px;
	}
}