/* Wise DH Treatment Comparison Table - v1.0.0
   All rules scoped to .wise-dh-compare. Colours via custom properties,
   overridden per-instance by Elementor style controls on the wrapper. */

.wise-dh-compare {
	--dhc-navy: #2F3D59;
	--dhc-coral: #BF613F;
	--dhc-cream: #FAF5EE;
	--dhc-ink: #2B3245;
	--dhc-row-alt: #F3EDE3;
	--dhc-line: #E4DCCE;
	--dhc-head-text: #FFFFFF;
	font-family: 'Poppins', sans-serif;
	color: var(--dhc-ink);
	background: var(--dhc-cream);
	padding: 64px 24px;
}

.wise-dh-compare * {
	box-sizing: border-box;
}

.wise-dh-compare .dhc-inner {
	max-width: 980px;
	margin: 0 auto;
}

.wise-dh-compare .dhc-kicker {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--dhc-coral);
	margin-bottom: 12px;
}

.wise-dh-compare .dhc-title {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--dhc-navy);
	margin: 0 0 14px;
}

.wise-dh-compare .dhc-intro {
	font-size: 16px;
	line-height: 1.65;
	max-width: 640px;
	margin: 0 0 36px;
	color: var(--dhc-ink);
}

/* Table card */
.wise-dh-compare .dhc-table {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 12px 34px rgba(47, 61, 89, 0.10);
	border: 1px solid var(--dhc-line);
}

.wise-dh-compare .dhc-head {
	display: grid;
	grid-template-columns: 26% 37% 37%;
}

.wise-dh-compare .dhc-head .dhc-corner {
	background: #fff;
}

.wise-dh-compare .dhc-col-head {
	background: var(--dhc-navy);
	color: var(--dhc-head-text);
	padding: 20px 18px;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	position: relative;
}

.wise-dh-compare .dhc-col-head.dhc-hl {
	background: var(--dhc-coral);
}

.wise-dh-compare .dhc-col-head .dhc-tag {
	display: block;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.85;
	margin-top: 4px;
}

.wise-dh-compare .dhc-row {
	display: grid;
	grid-template-columns: 26% 37% 37%;
	border-top: 1px solid var(--dhc-line);
}

.wise-dh-compare .dhc-row:nth-child(even) {
	background: var(--dhc-row-alt);
}

.wise-dh-compare .dhc-label {
	padding: 18px;
	font-size: 13px;
	font-weight: 600;
	color: var(--dhc-navy);
	letter-spacing: 0.02em;
	display: flex;
	align-items: center;
}

.wise-dh-compare .dhc-cell {
	padding: 18px;
	font-size: 14.5px;
	line-height: 1.55;
	display: flex;
	align-items: center;
	border-left: 1px solid var(--dhc-line);
}

/* Verdict + CTA */
.wise-dh-compare .dhc-verdict {
	margin-top: 28px;
	background: var(--dhc-navy);
	border-radius: 16px;
	padding: 28px;
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	border-left: 6px solid var(--dhc-coral);
}

.wise-dh-compare .dhc-verdict-text {
	color: #fff;
	max-width: 620px;
}

.wise-dh-compare .dhc-verdict-text strong {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: var(--dhc-coral);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.wise-dh-compare .dhc-verdict-text p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	font-weight: 400;
	opacity: 0.95;
}

.wise-dh-compare .dhc-cta {
	flex: 0 0 auto;
	display: inline-block;
	background: var(--dhc-coral);
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	padding: 16px 32px;
	border-radius: 10px;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wise-dh-compare .dhc-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(191, 97, 63, 0.4);
	color: #fff;
}

/* Mobile: keep the two treatments side by side, sticky column headers */
@media (max-width: 767px) {
	.wise-dh-compare {
		padding: 44px 16px;
	}

	.wise-dh-compare .dhc-title {
		font-size: 25px;
	}

	.wise-dh-compare .dhc-intro {
		font-size: 15px;
		margin-bottom: 26px;
	}

	.wise-dh-compare .dhc-head {
		grid-template-columns: 1fr 1fr;
		position: sticky;
		top: 0;
		z-index: 5;
		box-shadow: 0 6px 14px rgba(47, 61, 89, 0.12);
	}

	.wise-dh-compare .dhc-head .dhc-corner {
		display: none;
	}

	.wise-dh-compare .dhc-col-head {
		padding: 14px 10px;
		font-size: 14px;
	}

	.wise-dh-compare .dhc-row {
		grid-template-columns: 1fr 1fr;
	}

	.wise-dh-compare .dhc-label {
		grid-column: 1 / -1;
		padding: 12px 14px 4px;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: var(--dhc-coral);
	}

	.wise-dh-compare .dhc-cell {
		padding: 6px 14px 16px;
		font-size: 13.5px;
		border-left: none;
		align-items: flex-start;
	}

	.wise-dh-compare .dhc-cell + .dhc-cell {
		border-left: 1px solid var(--dhc-line);
	}

	.wise-dh-compare .dhc-verdict {
		padding: 22px;
		gap: 18px;
	}

	.wise-dh-compare .dhc-cta {
		width: 100%;
		text-align: center;
	}
}