:root {
	--pd-stats-blue: #2a6ebb;
	--pd-stats-dark: #303030;
	--pd-stats-mid: #666666;
	--pd-stats-light: #f5f7fa;
	--pd-stats-border: #e7e7ea;
	--pd-stats-row-border: #e5e5e5;
	--pd-stats-header-bg: #f6f5f4;
	--pd-stats-title-bg: #f5f5f4;
}

.pd-stats-table {
	margin: 0 !important;
}

.pd-stats-table__title {
	background: var(--pd-stats-title-bg);
	padding: 16px 24px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--pd-stats-dark);
}

.pd-stats-table__table-wrap {
	overflow-x: auto;
}

/* Builder child wrappers are needed in Divi, but should not render on the frontend. */
.pd-stats-table__table-wrap > .et_pb_module.pd_stats_table_row {
	display: none;
}

.pd-stats-table__table {
	width: 100%;
	min-width: 280px;
	border: none !important;
	border-collapse: collapse;
}

.pd-stats-table__th,
.pd-stats-table__cell {
	padding: 18px 24px !important;
	font-size: 18px;
	line-height: 1.5;
	color: var(--pd-stats-dark);
	border-top: none !important;
	border-bottom: 1px solid var(--pd-stats-row-border);
}

.pd-stats-table__th {
	font-weight: 600;
}

.pd-stats-table__th--label,
.pd-stats-table__cell--label {
	text-align: left;
}

.pd-stats-table__th--value,
.pd-stats-table__cell--value {
	text-align: right;
	border-left: none !important;
}

.pd-stats-table__cell--align-left {
	text-align: left !important;
}

.pd-stats-table__cell--align-center {
	text-align: center !important;
}

.pd-stats-table__cell--align-right {
	text-align: right !important;
}

.pd-stats-table--vert-borders .pd-stats-table__th--value,
.pd-stats-table--vert-borders .pd-stats-table__cell--value {
	border-left: 1px solid var(--pd-stats-border) !important;
}

.pd-stats-table__table thead th.pd-stats-table__th--value {
	text-align: left !important;
}

.pd-stats-table__table thead tr {
	background-color: var(--pd-stats-header-bg);
}

.pd-responsive-table-mobile {
	display: none;
}

@media (max-width: 980px) {
	.pd-responsive-table__original--enhanced {
		display: none;
	}

	.pd-responsive-table-mobile {
		display: block;
		width: 100%;
		margin: 0;
	}

	.pd-responsive-table-mobile__title {
		margin: 0 0 2px;
		padding: 20px 0 18px;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.05;
		letter-spacing: -0.04em;
		color: #000;
		border-bottom: 1px solid var(--pd-stats-border);
	}

	.pd-responsive-table-mobile__item {
		border-bottom: 1px solid var(--pd-stats-border);
	}

	.pd-responsive-table-mobile__item:first-child {
		border-top: 1px solid var(--pd-stats-border);
	}

	.pd-responsive-table-mobile__title + .pd-responsive-table-mobile__list .pd-responsive-table-mobile__item:first-child {
		border-top: none;
	}

	.pd-responsive-table-mobile__toggle {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding: 28px 14px;
		font: inherit;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.4;
		color: var(--pd-stats-dark);
		text-align: left;
		cursor: pointer;
		background: transparent;
		border: 0;
		appearance: none;
	}

	.pd-responsive-table-mobile__toggle:hover,
	.pd-responsive-table-mobile__toggle:focus-visible {
		color: var(--pd-stats-blue);
	}

	.pd-responsive-table-mobile__toggle-text {
		flex: 1 1 auto;
		min-width: 0;
	}

	.pd-responsive-table-mobile__icon {
		flex: 0 0 auto;
		width: 20px;
		height: 20px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.pd-responsive-table-mobile__icon-svg {
		width: 20px;
		height: 20px;
		display: block;
		transition: transform 0.25s ease;
	}

	.pd-responsive-table-mobile__item.is-open .pd-responsive-table-mobile__icon-svg {
		transform: rotate(180deg);
	}

	.pd-responsive-table-mobile__panel {
		height: 0;
		overflow: hidden;
		transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.pd-responsive-table-mobile__panel-inner {
		padding: 0 14px 24px;
	}

	.pd-responsive-table-mobile__field {
		display: grid;
		grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
		gap: 16px;
		align-items: start;
		padding: 14px 0;
		border-top: 1px solid #ececec;
	}

	.pd-responsive-table-mobile__field-label {
		font-size: 14px;
		font-weight: 600;
		line-height: 1.4;
		color: var(--pd-stats-mid);
	}

	.pd-responsive-table-mobile__field-value {
		font-size: 16px;
		line-height: 1.5;
		color: var(--pd-stats-dark);
		text-align: right;
	}

	.pd-responsive-table-mobile__field-value > :first-child {
		margin-top: 0;
	}

	.pd-responsive-table-mobile__field-value > :last-child {
		margin-bottom: 0;
	}

	.pd-responsive-table-mobile__field-value p {
		margin: 0;
	}

	.pd-responsive-table-mobile__field-value a {
		color: var(--pd-stats-blue);
		text-decoration: underline;
	}
}

@media (max-width: 768px) {
	.pd-stats-table__th,
	.pd-stats-table__cell {
		padding: 14px 16px !important;
		font-size: 16px;
	}

	.pd-stats-table__title {
		padding: 14px 16px;
	}
}

@media (max-width: 640px) {
	.pd-responsive-table-mobile__title {
		font-size: 32px;
	}

	.pd-responsive-table-mobile__toggle {
		padding: 24px 12px;
		font-size: 18px;
	}

	.pd-responsive-table-mobile__panel-inner {
		padding: 0 12px 20px;
	}

	.pd-responsive-table-mobile__field {
		gap: 12px;
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pd-responsive-table-mobile__icon-svg,
	.pd-responsive-table-mobile__panel {
		transition: none !important;
	}
}
