.wp-block-table{
	&.is-style-stripes{
		thead {
			border: 0;
			th {
				&:not(:last-child) {
					border-right-width: 1px;
					--tw-border-opacity: 1;
					border-color: rgb(204 204 204 / var(--tw-border-opacity));
					border-style: solid;
				}
			}
		}
		tbody{
			td{
				border-color:rgba(204, 204, 204, var(--tw-border-opacity));
				font-size: 1rem;
    			line-height: 1.5;
			}
			tr {
				&:nth-child(2n) {
					background-color: rgb(var(--white));
				}
			}
		}
	}
	table{
		thead{
			border-color: rgb(var(--black));
			tr{
				color: rgb(var(--white));
				font-size: 1rem;
				line-height: 1.5rem;
			}
			th{
				padding: 1rem;
				font-weight: 700;
				border:0;
				&:not(:empty) {
					background-color: rgb(var(--black));
				}
			}
		}
		tbody{
			background-color: rgb(var(--light-grey));
			td{
				border-width: 1px;
				--tw-border-opacity: 1;
				border-color:rgba(204, 204, 204, var(--tw-border-opacity));
				color: rgb(var(--black));
				overflow-wrap: break-word;
				padding: 1rem;
				vertical-align: top;
				font-weight: 600;
				font-size: 1rem;
    			line-height: 1.5;
			}
		}
	}
	.has-fixed-layout{
		th{
			border:0;
		}
	}
}
.table-component{
	&.mode-dark {
		thead{
			th:not(:empty){
				background-color: rgb(var(--light-grey));
			}
		}
	}
}
.wp-table-default, .mode-light, .is-style-regular {
	thead{
		th:not(:empty){
			background-color: rgb(var(--black));
		}
		div{
			color: rgb(var(--white));
		}
	}
	tbody{
		tr{
			td{
				&:first-child{
					border-left-width: 0;
				}
				&:last-child{
					border-right-width: 0;
				}
			}
		}
	}
	caption{
		color: rgb(var(--black));
	}
	.wp-element-caption{
		font-size: 1rem;
		line-height: 1.5rem;
		padding-top: 1.25rem;
	}
}

.wp-table-default{
	&.bg-dark{
		table{
			thead{
				border-color: rgb(var(--light-grey));
				tr{
					color: rgb(var(--black));
				}
				th:not(:empty){
					background-color: rgb(var(--light-grey));
				}
				div{
					color: rgb(var(--black));
				} 
			}
			tbody{
				background-color: rgb(var(--black) / .9);
				tr{
					td{
						border-width: 1px;
						--tw-border-opacity: 1;
						border-color: rgb(151 151 151 / var(--tw-border-opacity));
						color: rgb(var(--white));
						&:first-child{
							border-left-width: 0;
						}
						&:last-child{
							border-right-width: 0;
						}
					}
				}
			}
		}
		.wp-element-caption{
			color: rgb(var(--white));
		}
	}

	&.bg-light {
		.wp-element-caption {
			color: rgb(var(--black));
		}
	}

	.table-container {
		overflow-x: auto;
		scrollbar-width: none;
			@media (width <= 767px) {
				margin-left: -2rem;
				margin-right: -2rem;
			}

		.wp-block-table {
			min-width: 500px;
			width: 100%;
			display: table;

			@media (width <= 767px) {
				margin-left: 2rem;
				margin-right: 2rem;
			}

			.wp-element-caption {
			padding-top: 1.25rem;
			font-size: 0.875rem;
			line-height: 1.25rem;
			}

			table {
				min-width: 500px;
				width: 100%;
				text-align: center;
				thead {
					th {
						@media (width <= 767px) {
							padding: 0.5rem;
						}
					}
				}

				tbody {
					tr td:first-child {
							text-align: left;
						}        
				}
			}
		}

		&::-webkit-scrollbar {
			display: none;
		}
	}

	.table-mobile-nav {
		color: #fff;

		.right-arrow {
			margin-left: auto;
		}
	}
}