/**
 * AR Sold Products for WooCommerce
 * Styled to match Coup theme design system
 */

/* ==========================================================================
   CSS CUSTOM PROPERTIES
   ========================================================================== */

:root {
	--sep-gold: #C9A962;
	--sep-gold-hover: #b89a55;
	--sep-black: #0a0a0a;
	--sep-white: #fafafa;
	--sep-gray-300: #a3a3a3;
	--sep-gray-700: #262626;
	--sep-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* ==========================================================================
   SOLD TAG
   ========================================================================== */

.sep-sold-tag {
	position: absolute !important;
	top: 1rem !important;
	left: 1rem !important;
	z-index: 99 !important;
	/* Frosted glass effect */
	background-color: rgba(10, 10, 10, 0.75) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	color: var(--sep-white) !important;
	padding: 0.5rem 0.75rem !important;
	font-family: var(--sep-font-sans) !important;
	font-size: 0.625rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	border-radius: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	display: inline-block !important;
	line-height: 1 !important;
	box-shadow: none !important;
}

/* ==========================================================================
   SOLD PRODUCT STYLING
   ========================================================================== */

/* Subtle desaturation for sold products */
.product.sep-is-sold .woocommerce-loop-product__link img,
.product.sep-is-sold img.attachment-woocommerce_thumbnail {
	opacity: 0.6;
	filter: grayscale(30%);
	transition: all 0.3s ease;
}

.product.sep-is-sold:hover .woocommerce-loop-product__link img,
.product.sep-is-sold:hover img.attachment-woocommerce_thumbnail {
	opacity: 0.7;
	filter: grayscale(20%);
}

/* ==========================================================================
   DISABLED BUTTONS
   ========================================================================== */

.product.sep-is-sold .button.add_to_cart_button,
.product.sep-is-sold .button.product_type_external,
.product.sep-is-sold .single_add_to_cart_button {
	background-color: var(--sep-gray-700) !important;
	border-color: var(--sep-gray-700) !important;
	color: var(--sep-gray-300) !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

/* ==========================================================================
   PRODUCT WRAPPER
   ========================================================================== */

.sep-sold-product-wrapper {
	position: relative !important;
	display: block !important;
}

.sep-sold-product-wrapper .sep-sold-tag {
	top: 1rem !important;
	left: 1rem !important;
}

/* Ensure parent has relative positioning */
.products .product > a,
.woocommerce ul.products li.product > a,
.woocommerce-page ul.products li.product > a,
ul.products li.product > a,
.products .product .woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	overflow: visible !important;
	position: relative !important;
}

/* ==========================================================================
   ADMIN COLUMN
   ========================================================================== */

.wp-list-table .column-sold_status {
	width: 100px;
}

.column-sold_status .sold-status {
	display: inline-block;
	background-color: rgba(10, 10, 10, 0.9);
	color: var(--sep-white);
	padding: 0.25rem 0.5rem;
	border-radius: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */

.single-product .sep-sold-tag {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	margin-bottom: 1rem;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
	.sep-sold-tag {
		top: 0.75rem !important;
		left: 0.75rem !important;
		padding: 0.375rem 0.5rem !important;
		font-size: 0.5625rem !important;
	}
}