/* Import tailwind */
@import url("https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css");
/* Custom styles for the Product Promotion plugin */

.ppb-button {
	color: #000;
}
.ppb-button:hover {
	@apply bg-blue-700;
}

#ppb-promote-btn {
	margin-top: -5px;
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #acffca94; /* Light green background */
	color: #03240f94; /* Black text color */
	border: 1px solid #0b4b2294; /* Black border */
}

/* Hover */
#ppb-promote-btn:hover {
	background-color: #05281294;
	color: #fffcfc;
}
.ppb-button:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}

.ppb-badge-wrapper {
	position: absolute;
	bottom: 10%;
	right: 0;
	z-index: 9;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.ppb-badge {
	padding: 4px 8px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	border-radius: 3px;
	text-transform: uppercase;
	text-align: center;
}

.ppb-Price.Drop {
	background-color: #38a169;
} /* green */
.ppb-Urgent {
	background-color: #e53e3e;
} /* red */
.ppb-Top.Add {
	background-color: #3182ce;
} /* blue */
.ppb-Home.Gallery {
	background-color: #dd6b20;
} /* orange */
.ppb-Url.Boost {
	background-color: #805ad5;
} /* purple */
.ppb-Highlight {
	background-color: #f6ad55;
	color: #222;
} /* yellowish */

body .products > .product .product-loop-body {
	display: block;
	position: relative;
}

.products > .product .product-loop-body .loop-product-categories,
.products > .product .product-loop-body .woocommerce-loop-product__title,
.products > .product .product-loop-body .product-rating,
.products > .product .product-loop-body .star-rating,
.products > .product .product-loop-body .product-sku,
.products > .product .product-loop-body .product-short-description {
	display: none;
}

@media (min-width: 1200px) {
	body .owl-item > .product.hover .product-inner,
	body .owl-item > .product:hover .product-inner,
	body .products > .product.hover .product-inner,
	body .products > .product:hover .product-inner {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 100%;
		box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.3);
		background-color: #fff;
	}
}