/* Hivve Plan Comparison Table — base styles.
   Concrete colours sampled from the reference design and matched to the
   existing Hivve token set, so this looks consistent with the other Hivve
   Elementor widgets and the same in any theme. */

.hct { font-family: 'Geist', Arial, sans-serif; }
.hct *, .hct *::before, .hct *::after { box-sizing: border-box; }

.hct-table-wrap {
	overflow-x: auto;
	border: 1px solid #D7E3F3;
	border-radius: 10px;
	width: 100%;
}

.hct-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}

.hct-table thead th {
	background: #F5F8FE;
	color: #333333;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	text-align: center;
	padding: 14px 20px;
	white-space: nowrap;
	border-bottom: 1px solid #333333;
}

.hct-table thead th:first-child {
	text-align: left;
}

.hct-table tbody th,
.hct-table tbody td {
	padding: 14px 20px;
	font-size: 14px;
	color: #5F6A73;
	text-align: center;
	background: #FFFFFF;
	font-weight: 400;
}

.hct-table tbody tr td,
.hct-table tbody tr th {
	border-bottom: 1px solid #333333;
}

.hct-table tbody tr:last-child td,
.hct-table tbody tr:last-child th {
	border-bottom: 0;
}

.hct-table th.hct-capability {
	text-align: left;
	color: #393939;
	font-weight: 400;
	white-space: nowrap;
}

.hct-table td.hct-highlight {
	color: #065D38;
	font-weight: 700;
}

@media (max-width: 680px) {
	.hct-table thead th,
	.hct-table tbody td,
	.hct-table tbody th {
		padding: 10px 14px;
		font-size: 13px;
	}
}