.wp-block-table.sticky-first-column td:nth-child(1),
.wp-block-table.sticky-first-column th:nth-child(1),
.wp-block-table.sticky-first-column figcaption {
  position: sticky;
  left: 0;
  z-index: 5;
}
.wp-block-table.sticky-first-column figcaption {
  width: 95% !important;
}
.wp-block-table.sticky-first-column.scrolled td:nth-child(1),
.wp-block-table.sticky-first-column.scrolled th:nth-child(1) {
    background-color: #f9f9f9;
    border-radius: 0 !important;
}
.wp-block-table.sticky-first-column.scrolled thead tr:first-child th:nth-child(1) {
    border-radius: 10px 0 0 0 !important;
}
.wp-block-table.sticky-first-column.scrolled tbody tr:last-child td:nth-child(1) {
    border-radius: 0 0 0 10px !important;
}
.wp-block-table.sticky-first-column.scrolled td:nth-child(1)::after,
.wp-block-table.sticky-first-column.scrolled th:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 100%;
    pointer-events: none;
	  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.wp-block-table {
    overflow: auto;
}
.wp-block-table td,
.wp-block-table th {
    width: 240px;
}

.wp-block-table th.highlight-column {
	border: 2px solid #eee !important;
  border-bottom-width: 0 !important;
  border-radius: 10px 10px 0 0 !important;
}

.wp-block-table td.highlight-column {
	border: 2px solid #eee !important;
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
}
.wp-block-table tbody tr:last-child td.highlight-column {
  border-bottom-width: 2px !important;
  border-radius: 0 0 10px 10px !important;
}

.scrollable-table-button-wrapper + .wp-block-table {
	padding-top: 32px;
}

/* fix for deprecated advanced column block */
.wp-block-themeisle-blocks-advanced-column:has(.scrollable-table-button-wrapper) .acf-innerblocks-container {
	position: relative;
}
.wp-block-themeisle-blocks-advanced-column .scrollable-table-button-wrapper {
	width: 100%;
}


/* add buttons */
.scrollable-table-button-wrapper {
  display: none;
  max-width: 1200px;
  height: 32px;
  align-items: center;
  justify-content: space-between;
  z-index: 6;
}
.scrollable-table-button-wrapper:has(button:not(.is-disabled)) {
  display: flex;
}
.scrollable-table-button-left,
.scrollable-table-button-right {
	display: flex;
	align-items: center;
	gap: 4px;
	background-color: transparent;
	position: relative;
	border: none;
	cursor: pointer;
	transition: opacity 0.3s ease;
	z-index: 10;
	opacity: 0;
	pointer-events: none;
}

.scrollable-table-button-left:not(.is-disabled),
.scrollable-table-button-right:not(.is-disabled) {
	opacity: 1;
	pointer-events: auto;
}

.scrollable-table-button-left::before,
.scrollable-table-button-right::after {
	content: '';
	display: inline-block;
	width: 1rem;
	height: 1rem;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='144 56 216 128 144 200' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: #000;
}

.scrollable-table-button-left::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cline x1='216' y1='128' x2='40' y2='128' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='112 56 40 128 112 200' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
}