/**
 * Variables
 */

.acf-field-table-pro,
.acf-table-pro-overlay-wrap,
.acf-table-pro-root {
	--color-table-cell-background: #eee; /* eee */
	--color-table-border: #e1e1e1; /* e1e1e1 */
	--color-table-legend-content: #aaa; /* aaa */
	--color-table-legend-cell-background: #f9f9f9; /* f9f9f9 */
	--color-table-editor-background: #e5f8ff; /* e5f8ff */
	--color-table-editor-box-shadow: #2271b1; /* 2271b1 */
	--color-table-active-background: #2a9bd9; /* 2a9bd9 */

	--color-table-overlay-title-background: #202428; /* 202428 */
	--color-table-overlay-border: #ccc; /* ccc */
	--color-table-overlay-label-content: #555555; /* 555555 */
	--color-table-overlay-label-content-active: #000; /* 000 */
	--color-table-overlay-label-background: #f1f1f1; /* f1f1f1 */
	--color-table-overlay-label-background-active: #fff; /* fff */
	--color-table-overlay-label-border-active: #fff; /* fff */

	--color-table-developer-code-background: #ddd; /* ddd */
}

/**
 * Resets
 */

 .acf-table-pro-table,
 .acf-table-pro-table *,
 .acf-table-pro-table *:before,
 .acf-table-pro-table *:after {
	/* Box sizing */
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 box-sizing: border-box;
 }

/**
 * Hide
 */

.acf-table-pro-root .hide {
	display: none;
}
.acf-table-pro-root ._hide-accessable {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/**
 * Table
 */

.acf-field-table-pro  {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}
.acf-field-table-pro .acf-label {
	padding-left: 16px;
	padding-right: 16px;
}
.acf-table-pro-root {
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	overflow-x: auto;
}
.acf-table-pro-table-wrap {
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
	width: fit-content;
}
.acf-table-pro-table {
	max-width: 100%;
	table-layout: fixed; /* Prevents automatic expansion */
	border-collapse: collapse !important;
	border: none !important;
	margin-left: 11px;
	margin-right: 40px;
}
.acf-table-pro-tbody * {
	background-clip: padding-box; /* fix FireFox and IE background color painting over the borders */
}

/**
 * Fixes
 */

 /* fixes missing table vertical scrolling on media overlay */
.media-modal .acf-table-pro-root {
	overflow: auto;
}

/* fixes table 100% width on media overlay */
.media-modal .acf-table-pro-root table {
	width: auto;
}

.acf-table:has( .acf-field-table-pro ), /* fixes repeater view */
.form-table:has( .acf-field-table-pro ) { /* fixes edit user view */
	table-layout: fixed !important; /* Prevents automatic expansion */
}

/* fixes menu view from horizontal expanding on large tables */
#menu-management-liquid:has( .acf-field-table-pro ) {
	max-width: 100%;
}

/**
 * Table Typo
 */

.acf-table-pro-table {
	/* fixes missing font-family in editing table on acf_form() */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
}
.acf-table-pro-table td {
	font-size: 1em !important;
	line-height: 1.4;
	display: table-cell; /* fixes WordPress .form-table td { display: block; } on small screens on user, taxonomy and term pages */
}

/**
 * Table Toolbars
 */

.acf-table-pro-toolbar-top,
.acf-table-pro-toolbar-bottom {
	list-style-type: none !important;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	position: sticky;
	left: 0;
}

.acf-table-pro-toolbar-top li > *,
.acf-table-pro-toolbar-bottom li > * {
	margin: 0 !important;
}

.acf-table-pro-toolbar-top {
	margin: 1px 0 0 0 !important; /* Adding 1px to the top prevents the buttons focus outline from being clipped */
}

.acf-table-pro-toolbar-bottom {
	margin: 24px 0 1px 0 !important; /* Adding 1px to the bottom prevents the buttons focus outline from being clipped */
}
.acf-table-pro-toolbar-bottom:not(:has(*)) {
	margin: 10px 0 0 0 !important;
}

/* Buttons */
.acf-table-pro-toolbar-top .dashicons {
	vertical-align: middle;
	font-size: 1.34em; /* Corrects vertical alignment issues when font-size is set to 20px by default */
}
.acf-table-pro-toolbar-top button:has(._hide-accessable) {
	padding-left: 5px;
	padding-right: 5px;
}

/**
 * Top
 */

	.acf-table-pro-top-row {
		position: relative;
	}
	.acf-table-pro-top-left {
		position: relative;
		width: 1px;
		padding: 4px 8px 4px 16px !important;
		min-height: 27px;
	}
	.acf-table-pro-top-cell {
		position: relative;
		padding: 4px 8px !important;
		border: 1px solid var(--color-table-border);
		background-color: var(--color-table-cell-background);
		min-width: 68px;
	}

	/* fix profile.php ACF v5 */

	.form-table .acf-table-pro-table td {
		margin-bottom: 0 !important;
	}

	.acf-table-pro-top-right {
		position: relative;
		width: 26px;
	}
	.acf-table-pro-top-cont {
		margin: 0;
		padding: 0 !important;
		line-height: inherit !important;
		text-align: center;
		color: var(--color-table-legend-content);
	}

	/* fixes gutenberg styles */

	.acf-table-pro-top-left,
	.acf-table-pro-top-right,
	.acf-table-pro-thead-left,
	.acf-table-pro-thead-right,
	.acf-table-pro-tfoot-left,
	.acf-table-pro-tfoot-right,
	.acf-table-pro-body-right,
	.acf-table-pro-bottom-left,
	.acf-table-pro-bottom-cell,
	.acf-table-pro-bottom-right {
		border: none !important;
	}

	/* Body */

	.acf-table-pro-body-row {
		position: relative;
	}
	.acf-table-pro-body-left {
		position: relative;
		border: 1px solid var(--color-table-border);
		padding: 0.4rem 0.5rem 0.4rem 1.6rem !important;
		background-color: var(--color-table-cell-background);
		height: 38px;
		text-align: right;
		color: var(--color-table-legend-content);
	}
	.acf-table-pro-body-cell {
		position: relative;
		border: 1px solid var(--color-table-border);
		padding: 0.4rem 0.7rem 0.5rem 0.7rem !important;
		background-color: white;
		vertical-align: top;
		border-top: none;
	}
	.acf-table-pro-body-right {
		position: relative;
	}
	.acf-table-pro-body-cont {
		margin: 0;
		padding: 0;
		line-height: 1.4;

		/* Fold cells *off/

			max-height: 18px;
			overflow: hidden;

		/**/
	}

	/* Bottom*/

	.acf-table-pro-bottom-row {
		position: relative;
	}
	.acf-table-pro-bottom-left {
		position: relative;
		height: 24px;
	}
	.acf-table-pro-bottom-cell {
		position: relative;
	}
	.acf-table-pro-bottom-right {
		position: relative;
	}

	/* Hides */

	/* .acf-table-pro-hide-thead */

	.acf-table-pro-hide-thead .acf-table-pro-thead-row {
		position: absolute;
		visibility: hidden;
	}

	/* .acf-table-pro-hide-left */

	.acf-table.acf-table-pro-hide-left > * > *:first-child {
		font-size: 0 !important;
		line-height: 0 !important;
		width: 16px !important;
		padding: 0 !important;
		background: none !important;
		border-left: none;
	}

	/* .acf-table-pro-hide-top */

	.acf-table.acf-table-pro-hide-top .acf-table-pro-top-left,
	.acf-table.acf-table-pro-hide-top .acf-table-pro-top-cell,
	.acf-table.acf-table-pro-hide-top .acf-table-pro-top-right {
		height: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
		height: 16px !important;
		background: none !important;
		border-top: none;
	}

/**
 * Buttons
 */

.acf-table-pro-add-col {
	position: absolute !important;
	top: -9px;
	right: -10px;
	z-index: 4;
}

.acf-table-pro-top-left .acf-table-pro-add-col {
	top: -8px;
}

.acf-table-pro-add-row {
	position: absolute !important;
	left: -10px;
	z-index: 1;
}
.acf-table-pro-add-row[data-type="before"] {
	top: -10px;
	left: -9999px;
	visibility: hidden;
}
.acf-table-pro-add-row[data-type="after"] {
	bottom: -10px;
}
.acf-table-pro-body-row[data-index="1"] .acf-table-pro-add-row[data-type="before"] {
	left: -10px;
	visibility: visible;
}

.acf-table-pro-remove-col {
	position: absolute !important;
	top: 4px;
	left: 50%;
	margin-left: -10px;
}
.acf-table-pro-remove-row {
	position: absolute !important;
	left: 6px;
	top: 3px;
}

/**
 * Icons
 */

.acf-field-table-pro .acf-icon {
	text-decoration: none !important;
}
/* fixes ACF .acf-admin-page a blue color in _typography.scss */
.acf-field-object-table-pro .acf-icon {
	color: #555d66;
}

.acf-field-table-pro .acf-icon.-arrow-down:before,
.acf-field-object-table-pro .acf-icon.-arrow-down:before {
	margin-top: -0.1em;
}

/**
 * Cell editor
 */

.acf-table-pro-cell-editor {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2 !important;
	line-height: 0 !important;
}

.acf-table-pro-cell-editor-textarea {
	padding: 0.4rem 2rem 0.5rem 0.7rem !important;
	background-color: var(--color-table-editor-background) !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	width: 100% !important;
	height: 100% !important;
	margin-bottom: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: 0 0 0 1px var(--color-table-editor-box-shadow) !important;
	min-height: auto !important;
	outline: 0 !important;
}

.acf-table-pro-table [data-cont-type="st"] .acf-table-pro-cell-cont {

	white-space: pre-line !important;
}

/**
 * Field group editing
 */

/* Hides custom tabel data field */

[data-name="default_table_settings"] + .acf-field {
	display: none !important;
}

/* Indents options */

.acf-field-object-table-pro .acf-checkbox-list input[value] {
	margin-left: 1.3rem;
}
.acf-field-object-table-pro .acf-checkbox-list input[value^="tab/"],
.acf-field-object-table-pro .acf-checkbox-list input[value^="group/"] {
	margin-left: 0;
}
.acf-field-object-table-pro .acf-checkbox-list b {
	display: inline-block;
	margin-top: 0.3rem;
}
.acf-field-object-table-pro .acf-checkbox-list li:first-child b {
	margin-top: 0 !important;
}