// Cache
.alm-cache .cnkt-main {
	.group .row {
		overflow: visible;
	}

	.row {
		&:first-of-type {
			margin-top: 0 !important;
		}
	}

	h3.heading {
		padding-right: 90px !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Live Search */
	.alm-cache-search-wrap {
		position: relative;
		display: block;
		margin: 0 0 15px;

		input {
			width: 100% !important;
			margin: 0 !important;
			padding: 13px 20px;
			display: block;
			font-size: 15px;
			border-radius: $radius;
			background-color: $light_grey;
		}

		i {
			position: absolute;
			right: 15px;
			top: 50%;
			transform: translateY(-50%);
			color: #ccc;
			font-size: 16px;
			z-index: 1;
		}
	}

	.alm-cache-listing {
		position: relative;

		.toggle-all {
			right: 0;
			top: -45px;
		}
	}

	hr {
		margin: 32px 0 25px;
		border-top-color: $light_border;
		border-bottom: none;
	}

	/* Directory Listing */
	.alm-dir-listing {
		border: 1px solid $border;
		border-radius: $radius;
		overflow: hidden;
		padding: 0;
		margin: 10px 0 0;

		ul {
			li {
				&.file {
					padding-top: 10px;
					padding-bottom: 10px;
					display: flex;
					align-items: center;
					width: 100%;
				}
			}
		}

		&--nested {
			padding: 0 15px 15px;
			.alm-dir-listing {
				margin: 0;
			}
		}
	}

	.alm-dir-listing.deleting {
		opacity: 0.5;
		background: #fff url('../img/ui/loader-unlimited.gif') no-repeat center center;
	}

	.alm-dir-listing .dir-title {
		margin: 0 0 5px;
		position: relative;
	}

	.alm-dir-listing h3.heading {
		padding-left: 40px !important;

		&::after {
			content: '\f07c';
		}

		&.open:after {
			content: '\f07b';
		}
	}

	.alm-dir-listing .dir-title .delete {
		position: absolute;
		right: 10px;
		top: 10px;
		font-weight: 400;
		font-size: 13px;
		text-decoration: none;
		padding: 5px 12px;
		border: 1px solid $border;
		color: #ccc;
		border-radius: $radius;
	}

	.alm-dir-listing:hover .dir-title .delete {
		border-color: $border;
		background-color: #fff;
		color: #666;
		&:hover,
		&:focus {
			background-color: #c94141;
			border-color: #c94141;
			color: #fff;
		}
	}

	/* Cache Details */
	.alm-dir-listing ul.cache-details {
		display: block;
		padding: 20px 15px 0;
		margin: 0;
		border: none;
		li {
			position: relative;
			display: block;
			width: 100%;
			background: none !important;
			padding-left: 28px;
			margin: 0 0 10px;
			i {
				color: $grey_text;
				font-size: 16px;
				position: absolute;
				top: 6px;
				left: 4px;
			}
			a {
				word-break: break-word;
			}
		}

		.cache-full-path {
			display: none;
			&-button {
				border: 1px solid $light_border;
				border-radius: 3px;
				background: #fff;
				cursor: pointer;
				margin: 0 2px 0 0;
				text-align: left;
				color: #878787;
				font-size: 13px;
				padding: 2px 4px;
				&:hover,
				&:focus {
					border-color: $border;
				}
			}
		}
	}

	/* Cache File Listing */
	.cache-page-wrap {
		padding: 10px;
		& ul {
			grid-template-columns: repeat(2, 1fr);
			max-height: 300px;
			overflow-y: auto;
			scroll-behavior: smooth;
		}
	}
}
