/*--------------------------------------------------------------
# Prijzen (Pricing) Page
#
# Enhanced Bootstrap table + insurance section styling.
--------------------------------------------------------------*/

/* ==========================================================================
   Pricing Table
   ========================================================================== */

.page-prijzen .table {
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: var(--shadow-card);
}

.page-prijzen .table thead {
	background-color: var(--color-primary);
	color: var(--color-text-inverse);
}

.page-prijzen .table thead th {
	font-family: var(--font-heading);
	font-weight: var(--weight-bold);
	font-size: var(--text-base);
	padding: var(--space-4) var(--space-5);
	border: none;
	letter-spacing: var(--tracking-wide);
}

.page-prijzen .table tbody td {
	padding: var(--space-3) var(--space-5);
	vertical-align: middle;
	font-size: var(--text-base);
	border-color: var(--color-border-light);
}

.page-prijzen .table tbody td strong {
	color: var(--color-primary);
	font-family: var(--font-heading);
	font-size: var(--text-lg);
}

.page-prijzen .table-striped > tbody > tr:nth-of-type(odd) > * {
	background-color: var(--color-bg-light);
}

/* ==========================================================================
   Insurance Section Enhancement
   ========================================================================== */

.page-prijzen .bg-light h2 {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	font-family: var(--font-heading);
	font-weight: var(--weight-bold);
	color: var(--color-primary);
}

.page-prijzen .bg-light h2 i {
	color: var(--color-accent);
}

.page-prijzen .bg-light p {
	color: var(--color-text-light);
	line-height: var(--leading-relaxed);
	font-size: var(--text-md);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 767.98px) {
	.page-prijzen .table thead th {
		font-size: var(--text-sm);
		padding: var(--space-3);
	}

	.page-prijzen .table tbody td {
		padding: var(--space-2) var(--space-3);
		font-size: var(--text-sm);
	}

	.page-prijzen .table tbody td strong {
		font-size: var(--text-base);
	}
}