/**
 * Advanced Table — Style 5: Comparison Highlight
 *
 * A pricing / feature-comparison table. A dark header anchors the grid while the
 * highlighted column lifts out of the page with an accent tint, ring and subtle
 * scale — perfect for steering visitors toward the recommended plan.
 *
 * @package captain-widgets-kit
 * @since   1.4.0
 */

.captwiki-table.captwiki-style-5 .captwiki-table__scroll {
	border-radius: 16px;
	overflow: visible;
	padding-top: 6px;
}

.captwiki-table.captwiki-style-5 .captwiki-table__table {
	border-collapse: separate;
	border-spacing: 0;
}

.captwiki-table.captwiki-style-5 .captwiki-table__thead .captwiki-table__th {
	color: #ffffff;
	background: #111827;
	padding-top: 18px;
	padding-bottom: 18px;
}

.captwiki-table.captwiki-style-5 .captwiki-table__thead .captwiki-table__th:first-child {
	border-top-left-radius: 14px;
}

.captwiki-table.captwiki-style-5 .captwiki-table__thead .captwiki-table__th:last-child {
	border-top-right-radius: 14px;
}

.captwiki-table.captwiki-style-5 .captwiki-table__tbody .captwiki-table__row + .captwiki-table__row .captwiki-table__cell {
	border-top: 1px solid var( --captwiki-table-border );
}

/* ── The highlighted column lifts out ──────────────────── */
.captwiki-table.captwiki-style-5 .captwiki-table__th.is-highlight,
.captwiki-table.captwiki-style-5 .captwiki-table__cell.is-highlight {
	background: rgba( 99, 102, 241, 0.08 );
	box-shadow: inset 1px 0 0 var( --captwiki-table-accent ), inset -1px 0 0 var( --captwiki-table-accent );
}

.captwiki-table.captwiki-style-5 .captwiki-table__thead .captwiki-table__th.is-highlight {
	color: #ffffff;
	background: var( --captwiki-table-accent );
	box-shadow: none;
	transform: translateY( -6px );
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}

.captwiki-table.captwiki-style-5 .captwiki-table__tbody .captwiki-table__row:last-child .captwiki-table__cell.is-highlight {
	box-shadow: inset 1px 0 0 var( --captwiki-table-accent ),
		inset -1px 0 0 var( --captwiki-table-accent ),
		inset 0 -2px 0 var( --captwiki-table-accent );
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
}

.captwiki-table.captwiki-style-5 .captwiki-table__badge {
	background: #ffffff;
	color: var( --captwiki-table-accent );
}

/* Keep the lifted header readable on small screens. */
@media ( max-width: 767px ) {

	.captwiki-table.captwiki-style-5 .captwiki-table__thead .captwiki-table__th.is-highlight {
		transform: none;
	}
}
