/* Membership page */
.table-wrapper {
	overflow: auto;
	max-width: 100%;
}

#membership-benefits-table {
	background: #fff;
	border: 1px solid #e5e5e4;
	border-spacing: 0;
	border-width: 0 1px 1px;
	border-collapse: separate;
	margin-inline: auto;
	max-width: 100%;
	min-width: calc(160px + (90px * (var(--columns, 3) - 1)));
	width: 100%;

	thead {
		background: var(--color-site-text);
		color: #fff;
		font-family: var(--font-family-headings);
		font-size: 1rem;


		th {
			font-weight: var(--membership-table-heading-font-weight, 500);
			line-height: 1;
			text-align: center;
			padding: .75rem .5rem;

			@media(width <=1000px) {
				font-size: .75em;
			}
			
			&:first-child {
				font-size: var(--membership-table-heading-size, 1rem);
				
				@media(width <=1000px) {
					font-size: calc( var(--membership-table-heading-size, 1rem) * .75);
				}
			}

			&:not(:first-child) {
				border-left: 1px dashed #dad8cf;
			}

			span {
				display: block;
				font-family: var(--font-family-body);
				font-size: .75rem;
				font-weight: 600;
				padding-bottom: .25rem;
				text-transform: uppercase;
			}
		}
	}

	tbody {
		font-size: .875rem;

		tr {
			&:nth-child(even) {
				background: #f7f6f5;
			}
		}

		td {
			border-bottom: 1px solid #e5e5e4;
			padding: .5rem 2rem;

			&:not(:first-child) {
				border-left: 1px solid #e5e5e4;
				text-align: center;
			}
		}
	}

	tfoot {
		td {
			font-size: .875rem;
			font-weight: 600;
			padding: .5rem 2rem;

			&:not(:first-child) {
				border-left: 1px solid #dad8cf;
				text-align: right;
			}
		}
	}

	.heading {
		h4 {
			font-size: 1.125rem;
			line-height: 1;
			margin: 0;
			padding-block: .375rem .125rem;
		}
	}

	.included,
	.excluded {
		background-position: 50% 50%;
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
		margin-inline: auto;
		min-height: 1rem;
	}

	.excluded,
	.included:empty {
		font-size: 0;
	}

	.included:empty {
		background-image: url('/wp-content/themes/ffws-brands/dist/img/icons.svg#checkmark');
		width: .875rem;
	}

	.excluded {
		background-image: url('/wp-content/themes/ffws-brands/dist/img/icons.svg#x');
		width: .75rem;
	}
}