/* Legal Nurse Core — Comparison Table (styled to Figma: Legal Nurse 2026) */

.lnc-ct-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	cursor: grab;
}

.lnc-ct-scroll.is-grabbing {
	cursor: grabbing;
	user-select: none;
}

.lnc-ct {
	font-family: "Wix Madefor Text", "Wix Madefor Display", sans-serif;
	color: #2a2926;
	background: #ffffff;
	border: 1px solid #e6e2d8;
	border-radius: 12px;
	overflow: hidden;
}

.lnc-ct__row {
	display: grid;
	grid-template-columns: var(--lnc-ct-cols, 2.4fr repeat(3, 1fr));
}

.lnc-ct__row + .lnc-ct__row {
	border-top: 1px solid #e6e2d8;
}

/* Feature (first) column */
.lnc-ct__feat {
	padding: 18px 22px;
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 1.4;
	color: #2a2926;
}

/* "INCLUDED" label — kicker style */
.lnc-ct__feat.lnc-ct__firstlabel {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #2a2926;
}

/* Plan header cells */
.lnc-ct__plan {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	padding: 18px 16px;
	border-left: 1px solid #e6e2d8;
}

/* Category band spans all columns */
.lnc-ct__band {
	grid-column: 1 / -1;
	background: #25797c;
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
	padding: 14px 22px;
}

/* Value / check cells */
.lnc-ct__cell {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 18px 16px;
	font-size: 16px;
	color: #2a2926;
	border-left: 1px solid #e6e2d8;
}

.lnc-ct__check {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	color: #25797c;
}

.lnc-ct__check svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
}

.lnc-ct__check svg path {
	stroke: currentColor;
}

/* Lock is a filled icon — undo the check's stroke styling. */
.lnc-ct__lock svg {
	stroke: unset;
	fill: currentColor;
}

.lnc-ct__lock svg path {
	stroke: unset;
	fill: currentColor;
}

/* Sticky plan header — fixed clone injected by JS. */
.lnc-ct--stickyclone {
	border-radius: 0;
	border-top: 0;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}

/* Solid background on the first cell so rows don't show through the clone. */
.lnc-ct--sticky .lnc-ct__firstlabel,
.lnc-ct--stickyclone .lnc-ct__firstlabel {
	background: #ffffff;
}

/* Mobile: keep readable columns and scroll horizontally. */
@media (max-width: 767px) {
	.lnc-ct {
		min-width: 670px;
		margin-right: 16px;
	}

	/* Fix the first column and give plan columns a floor so the table
	   overflows and scrolls sideways. */
	.lnc-ct__row {
		grid-template-columns: var(--lnc-ct-cols-m, 195px repeat(3, minmax(120px, 1fr)));
	}
}