.wp-block-compact-category-tiles-compact-category-tiles {
	--cct-columns: 4;
	--cct-gap: 10px;
	--cct-gap-x: calc(var(--cct-gap) * 1.45);
	--cct-gap-y: var(--cct-gap);
	--cct-tile-height: 44px;
	--cct-max-tile-width: none;
	--cct-row-tile-width: 180px;
	--cct-padding-x: 14px;
	--cct-padding-y: 8px;
	--cct-radius: 8px;
	--cct-border-width: 1px;
	--cct-button-shadow: 0 2px 4px rgba(17, 36, 51, 0.18), 0 5px 10px rgba(17, 36, 51, 0.10);
	--cct-font-size: 14px;
	--cct-font-weight: 600;
	--cct-text-align: center;
	--cct-justify: center;
	--cct-background: #f4f6f8;
	--cct-background-gradient: linear-gradient(135deg, rgba(255,255,255,0.44) 0%, rgba(255,255,255,0) 100%);
	--cct-text-color: #112433;
	--cct-border-color: #d7dde3;
	--cct-hover-background: #112433;
	--cct-hover-background-gradient: linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
	--cct-hover-text: #ffffff;
	--cct-text-transform: none;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.cct-items {
	column-gap: var(--cct-gap-x);
	row-gap: var(--cct-gap-y);
}

.cct-layout-row .cct-items {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--cct-gap-y) var(--cct-gap-x);
}

.cct-layout-column .cct-items {
	display: flex;
	flex-direction: column;
	gap: var(--cct-gap-y);
}

.cct-layout-matrix .cct-items {
	display: grid;
	grid-template-columns: repeat(var(--cct-columns), minmax(20px, 1fr));
	gap: var(--cct-gap-y) var(--cct-gap-x);
}

.cct-item {
	min-width: 0;
}

.cct-layout-row .cct-item {
	flex: 0 1 auto;
}

.cct-layout-column .cct-item,
.cct-layout-matrix .cct-item {
	width: 100%;
}

.cct-item-link {
	display: flex;
	align-items: center;
	justify-content: var(--cct-justify);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-width: 20px;
	min-height: var(--cct-tile-height);
	width: 100%;
	max-width: var(--cct-max-tile-width);
	padding: var(--cct-padding-y) var(--cct-padding-x);
	border: var(--cct-border-width) solid var(--cct-border-color);
	border-radius: var(--cct-radius);
	background: var(--cct-background);
	background-image: var(--cct-background-gradient);
	color: var(--cct-text-color);
	font-size: var(--cct-font-size);
	font-weight: var(--cct-font-weight);
	line-height: 1.2;
	text-align: var(--cct-text-align);
	text-decoration: none !important;
	text-transform: var(--cct-text-transform);
	box-shadow:
		var(--cct-button-shadow),
		inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
	border-bottom: var(--cct-border-width) solid var(--cct-border-color) !important;
	transition:
		background 0.22s ease,
		color 0.22s ease,
		border-color 0.22s ease,
		box-shadow 0.22s ease,
		transform 0.22s ease,
		filter 0.22s ease;
}

.cct-item-link::before,
.cct-item-link::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	transition: opacity 0.22s ease, transform 0.32s ease;
}

.cct-item-link::before {
	background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.04) 18%, rgba(255,255,255,0) 44%);
	opacity: 0.6;
	z-index: 0;
}

.cct-item-link::after {
	inset: -1px;
	background: linear-gradient(120deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.16) 50%, rgba(255,255,255,0) 82%);
	opacity: 0;
	transform: translateX(-18%);
	z-index: 0;
}

.cct-item-label {
	position: relative;
	z-index: 1;
}

.cct-item-link:hover,
.cct-item-link:focus {
	background: var(--cct-hover-background);
	background-image: var(--cct-hover-background-gradient);
	box-shadow:
		var(--cct-button-shadow),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
	color: var(--cct-hover-text);
	border-color: var(--cct-hover-background);
	transform: translateY(-1px) scale(1.01);
	filter: saturate(1.04);
}

.cct-item-link:hover::before,
.cct-item-link:focus::before {
	opacity: 0.9;
}

.cct-item-link:hover::after,
.cct-item-link:focus::after {
	opacity: 1;
	transform: translateX(18%);
}

.cct-item-link:active {
	transform: translateY(0) scale(0.992);
}

.cct-item-link:focus-visible {
	outline: 2px solid rgba(17, 36, 51, 0.18);
	outline-offset: 2px;
}

.cct-item-label {
	display: block;
	width: 100%;
	word-break: break-word;
}

.cct-layout-row .cct-item-link {
	width: auto;
}

.cct-row-equal-width .cct-item {
	flex: 0 0 var(--cct-row-tile-width);
	width: var(--cct-row-tile-width);
	max-width: var(--cct-row-tile-width);
}

.cct-row-equal-width .cct-item-link {
	width: 100%;
	max-width: 100%;
}

.cct-layout-row.cct-row-equal-width .cct-items {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: calc(var(--cct-gap-x) * 1.5);
	row-gap: var(--cct-gap-y);
}

.cct-hide-outer-border,
.cct-hide-outer-border .cct-items {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.cct-empty {
	padding: 1rem;
	border: 1px dashed var(--cct-border-color);
	border-radius: var(--cct-radius);
	color: #5e6f7d;
}

@media (max-width: 781px) {
	.cct-layout-matrix .cct-items {
		grid-template-columns: repeat(min(2, var(--cct-columns)), minmax(0, 1fr));
	}
}