/**
 * LawNest comparison table.
 */

.lawnest-comparison {
	--lawnest-radius-lg: 22px;
	--lawnest-radius-xl: 32px;
	--lawnest-success: #6bbf8a;
	--lawnest-danger: #d9614c;
	--lawnest-surface-2: #1f2d33;
	--lawnest-petrol-700: #2a3a40;
	--lawnest-petrol-950: #0e1719;
	padding-block: var(--lawnest-section-tight);
	box-sizing: border-box;
}

figure.wp-block-table.lawnest-compare {
	width: 100%;
	max-width: 1112px;
	margin: 0;
	border-radius: var(--lawnest-radius-lg);
	border: 1px solid var(--lawnest-border);
	overflow: hidden;
	background: var(--lawnest-surface-2);
	box-shadow: 0 18px 50px -20px rgba(0, 0, 0, 0.65);
}

figure.wp-block-table.lawnest-compare table {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
	border: 0;
	table-layout: fixed;
}

figure.wp-block-table.lawnest-compare th,
figure.wp-block-table.lawnest-compare td {
	padding: 1.05rem 1.2rem;
	text-align: left;
	vertical-align: middle;
	font-size: 0.95rem;
	font-weight: 500;
	border-top: 1px solid var(--lawnest-border);
	white-space: normal;
	overflow: visible;
	hyphens: auto;
	-webkit-hyphens: auto;
	overflow-wrap: break-word;
}

figure.wp-block-table.lawnest-compare thead th {
	border-top: 0;
	font-family: var(--wp--preset--font-family--fraunces, "Fraunces", Georgia, serif);
	font-size: 1rem;
	font-weight: 500;
	color: var(--lawnest-text-muted);
	text-transform: none;
}

figure.wp-block-table.lawnest-compare thead th:nth-child(2) {
	font-weight: 400;
}

figure.wp-block-table.lawnest-compare th:nth-child(1),
figure.wp-block-table.lawnest-compare td:nth-child(1) {
	width: 36%;
	color: var(--lawnest-text-soft);
	font-weight: 500;
}

figure.wp-block-table.lawnest-compare th:nth-child(2),
figure.wp-block-table.lawnest-compare td:nth-child(2) {
	width: 32%;
	color: var(--lawnest-text-muted);
	background: rgba(0, 0, 0, 0.12);
}

figure.wp-block-table.lawnest-compare th:nth-child(3),
figure.wp-block-table.lawnest-compare td:nth-child(3) {
	width: 32%;
	color: var(--lawnest-text);
	background: rgba(221, 168, 92, 0.07);
	font-weight: 500;
}

figure.wp-block-table.lawnest-compare thead th:nth-child(3) {
	color: var(--lawnest-accent);
	position: relative;
}

figure.wp-block-table.lawnest-compare thead th:nth-child(3)::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 2px;
	background: var(--lawnest-accent);
}

@media (max-width: 720px) {
	figure.wp-block-table.lawnest-compare {
		font-size: 0.82rem;
		width: 100%;
		max-width: 100%;
		overflow: visible;
	}

	figure.wp-block-table.lawnest-compare th,
	figure.wp-block-table.lawnest-compare td {
		padding: 0.8rem 0.7rem;
		font-size: 0.8rem;
		white-space: normal;
		overflow: visible;
		hyphens: auto;
		-webkit-hyphens: auto;
		overflow-wrap: break-word;
		word-break: normal;
	}
}