/*
 * Kaltra wpDataTables loader: blurred placeholder of the whole table block.
 * The controls reuse the plugin's markup and classes, so the skin and the
 * site's custom CSS size and paint them; only the table itself is styled
 * here, mirroring the aqua skin + custom CSS (header 46px #699, rows
 * 42.45px, filter row 77px, 12px margin under the table like
 * table.wpDataTable).
 */

/* Doubled to outrank the plugin's 12px padding, which loads later. */
.wdt-timeline-item.wdt-timeline-item {
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}

/*
 * Before the script replaces it, the plugin's shimmer never paints and its
 * box already has the final size: header cell = toolbar + search row +
 * table header (147), rows 42.45 for page length + 1 rows, bottom padding
 * = filter row + scrollbar strip + pagination row minus the extra row
 * (143 - 42.45).
 */
.wdt-table-loader:not(.kaltra-wdt-loader) {
	visibility: hidden;
	padding-bottom: 100.5px;
}

.wdt-table-loader:not(.kaltra-wdt-loader) .wdt-table-loader-row {
	margin-bottom: 0;
}

.wdt-table-loader:not(.kaltra-wdt-loader) .wdt-table-loader-header-cell {
	height: 147px;
}

.wdt-table-loader:not(.kaltra-wdt-loader) .wdt-table-loader-cell {
	height: 42.45px;
}

.wdt-timeline-item .wdt-table-loader.kaltra-wdt-loader {
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	filter: blur(3px);
	opacity: 0.9;
	animation: kaltra-wdt-loader-pulse 1.4s ease-in-out infinite alternate;
	pointer-events: none;
	user-select: none;
}

.kaltra-wdt-loader__table {
	width: 100%;
	margin: 0 0 12px;
	border-collapse: collapse;
	white-space: nowrap;
	font-size: 11px;
	line-height: 1.2;
	color: #666;
}

.kaltra-wdt-loader__table thead tr {
	height: 46px;
}

.kaltra-wdt-loader__table tbody tr {
	height: 42.45px;
}

.kaltra-wdt-loader__table tfoot tr {
	height: 77px;
}

/* Enfold resets cells to baseline, which would pin text to the row top. */
.kaltra-wdt-loader__table th {
	padding: 0 16px;
	background: #699;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
}

.kaltra-wdt-loader__table td {
	padding: 0 15px;
	background: #fff;
	border-bottom: 1px solid #eaeaed;
	vertical-align: middle;
}

.kaltra-wdt-loader__table td.numdata {
	text-align: right;
}

.kaltra-wdt-loader__table tfoot td {
	border-top: 1px solid #eaeaed;
}

.kaltra-wdt-loader__filter {
	display: block;
	height: 36px;
	border: 1px solid #eaeaed;
	background: #fafafd;
}

@keyframes kaltra-wdt-loader-pulse {

	from {
		opacity: 0.45;
	}

	to {
		opacity: 0.9;
	}
}

@media (prefers-reduced-motion: reduce) {

	.wdt-timeline-item .wdt-table-loader.kaltra-wdt-loader {
		animation: none;
		opacity: 0.7;
	}
}