.ct-woo-card-extra {
	&[data-type='type-1'] {
		display: flex;
		flex-direction: column;
		gap: 15px;
		top: 15px;
		inset-inline-end: 15px;

		.ct-button {
			padding: 0;
			width: 32px;
			min-height: 32px;
			border-radius: 100%;

			&:hover,
			&[data-button-state='active'],
			&[data-button-state='loading'] {
				color: var(--theme-button-text-hover-color);
				background: var(--theme-button-background-hover-color);
			}
		}
	}
}

// single wishlist & compare layer
.ct-product-additional-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	--theme-font-size: 14px;
	--theme-font-weight: 500;
	--theme-link-initial-color: var(--theme-text-color);

	--theme-icon-size: 14px;
	--theme-icon-color: currentColor;

	a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}

	&[data-type='link'] {
		gap: 25px;

		a {
			&[data-button-state='active'],
			&[data-button-state='loading'] {
				--theme-link-initial-color: var(--theme-link-hover-color);
			}
		}
	}

	&[data-type='button'] {
		gap: 10px;

		a {
			height: 40px;
			min-width: 40px;
			padding: 5px 15px;
			border: 1px solid var(--theme-border-color);
			border-radius: var(--theme-button-border-radius, 3px);

			&[data-button-state='active'],
			&[data-button-state='loading'] {
				color: var(--theme-button-text-initial-color);
				border-color: var(--theme-button-background-initial-color);
				background-color: var(--theme-button-background-initial-color);
			}
		}
	}

	// tooltip
	.ct-tooltip {
		transform: translate3d(0px, -45px, 0px);
	}

	a:hover .ct-tooltip {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0px, -50px, 0px);
	}
}

// filters common
.ct-filter-reset {
	.ct-button-ghost {
		gap: 10px;
		--theme-button-font-size: 13px;
		--theme-button-min-height: 40px;
		--theme-button-padding: 5px 15px;
	}
}

[data-display-type='inline'] .ct-filter-reset {
	flex-basis: 100%;
}

// free shipping bar & stock scarcity
.ct-product-stock-scarcity,
[class*='ct-shipping-progress'] {
	font-size: 15px;

	p {
		margin-bottom: 0;
	}

	.ct-progress-bar {
		&:not(:empty) {
			position: relative;
			height: var(--product-progress-bar-height, 5px);
			overflow: clip;
			margin-top: 15px;
			border-radius: 1px;
			background: var(
				--product-progress-bar-initial-color,
				var(--theme-border-color)
			);
		}

		span {
			position: absolute;
			inset-block: 0;
			inset-inline-start: 0;
			border-radius: inherit;
			background: linear-gradient(
				90deg,
				var(
						--product-progress-bar-active-color,
						var(--theme-palette-color-1)
					)
					0%,
				var(
						--product-progress-bar-active-color-2,
						var(
							--product-progress-bar-active-color,
							var(--theme-palette-color-1)
						)
					)
					100%
			);

			transition: 0.15s ease-in-out;
		}
	}
}
