/**
 * TechBBQ Pill — gradient-bordered label with gradient text.
 *
 * Figma: Partners category pill, Life Science participated-startups tags.
 *
 * Customize via CSS custom properties on .techbbq-pill or an ancestor:
 * - --techbbq-pill-gradient-start
 * - --techbbq-pill-gradient-end
 * - --techbbq-pill-fill (optional inner background)
 */

.techbbq-pill {
	--techbbq-pill-fill: transparent;

	position: relative;
	z-index: 0;
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	min-height: 32px;
	padding: 8px 12px;
	border: none;
	border-radius: var(--techbbq-radius-md);
	background-color: var(--techbbq-pill-fill);
	isolation: isolate;
}

.techbbq-pill::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(
		90deg,
		var(--techbbq-pill-gradient-start, #0673b6) 0%,
		var(--techbbq-pill-gradient-end, #10c8a7) 52.125%
	);
	pointer-events: none;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask-composite: exclude;
}

.techbbq-pill__text {
	display: inline-block;
	font-family: var(--techbbq-font-family-body);
	font-size: var(--techbbq-text-caption-s-size);
	font-weight: 400;
	line-height: var(--techbbq-text-caption-s-line-height);
	letter-spacing: var(--techbbq-text-caption-s-letter-spacing);
	text-transform: uppercase;
	white-space: nowrap;
	background: linear-gradient(
		90deg,
		var(--techbbq-pill-gradient-start, #0673b6) 0%,
		var(--techbbq-pill-gradient-end, #10c8a7) 52.125%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* Elementor lazy-load strips background-image from descendants (not pseudo-elements).
   Restore gradient text when the wrapper lacks e-no-lazyload. */
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) .techbbq-pill__text {
	background-image: linear-gradient(
		90deg,
		var(--techbbq-pill-gradient-start, #0673b6) 0%,
		var(--techbbq-pill-gradient-end, #10c8a7) 52.125%
	) !important;
}

/* ── Preset variants ───────────────────────────────────────── */

.techbbq-pill--planetary {
	--techbbq-pill-gradient-start: #0673b6;
	--techbbq-pill-gradient-end: #10c8a7;
	--techbbq-pill-fill: rgba(16, 200, 167, 0.05);
}

.techbbq-pill--human {
	--techbbq-pill-gradient-start: #04fdf8;
	--techbbq-pill-gradient-end: #3fe696;
	--techbbq-pill-fill: rgba(63, 230, 150, 0.05);
}

.techbbq-pill--deep-tech {
	--techbbq-pill-gradient-start: #2bb4e1;
	--techbbq-pill-gradient-end: #0673b6;
	--techbbq-pill-fill: rgba(43, 180, 225, 0.05);
}

.techbbq-pill--prime {
	--techbbq-pill-gradient-start: #ce0f2e;
	--techbbq-pill-gradient-end: #d74a01;
	--techbbq-pill-fill: rgba(250, 112, 0, 0.05);
}

.techbbq-pill--main {
	--techbbq-pill-gradient-start: #0673b6;
	--techbbq-pill-gradient-end: #10c8a7;
	--techbbq-pill-fill: rgba(16, 200, 167, 0.05);
}