/* MY2LK shop-card action cleanup.
 * Keep Avada's product-card controls readable and non-overlapping without
 * changing WooCommerce purchase behaviour.
 */

.woocommerce-shop ul.products li.product .product-buttons,
.tax-product_cat ul.products li.product .product-buttons,
.home ul.products li.product .product-buttons {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 14px 16px 16px !important;
	border: 0 !important;
}

.woocommerce-shop ul.products li.product .product-buttons a,
.tax-product_cat ul.products li.product .product-buttons a,
.home ul.products li.product .product-buttons a {
	position: static !important;
	float: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.woocommerce-shop ul.products li.product .product-buttons .button,
.tax-product_cat ul.products li.product .product-buttons .button,
.home ul.products li.product .product-buttons .button,
.woocommerce-shop ul.products li.product .product-buttons .add_to_cart_button,
.tax-product_cat ul.products li.product .product-buttons .add_to_cart_button,
.home ul.products li.product .product-buttons .add_to_cart_button {
	display: inline-flex !important;
	flex: 1 1 132px !important;
	width: auto !important;
	min-width: 118px !important;
	min-height: 46px !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 18px !important;
	border-radius: 10px !important;
	color: #fff !important;
	background: var(--my2lk-green) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-align: center !important;
	white-space: nowrap !important;
}

.woocommerce-shop ul.products li.product .product-buttons .show_details_button,
.tax-product_cat ul.products li.product .product-buttons .show_details_button,
.home ul.products li.product .product-buttons .show_details_button {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	min-width: 50px !important;
	min-height: 46px !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 2px !important;
	color: var(--my2lk-muted) !important;
	background: transparent !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

/* Product-card hierarchy: make the selling price dominant and the exchange note secondary. */
.woocommerce-shop ul.products li.product .price,
.tax-product_cat ul.products li.product .price,
.home .my2lk-section--products ul.products li.product .price {
	display: block !important;
	margin-top: 8px !important;
	color: var(--my2lk-green) !important;
	font-size: 17px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.woocommerce-shop ul.products li.product .my2lk-exchange-rate-note,
.tax-product_cat ul.products li.product .my2lk-exchange-rate-note,
.home .my2lk-section--products ul.products li.product .my2lk-exchange-rate-note {
	margin-top: 4px !important;
	color: var(--my2lk-muted) !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
}

.woocommerce-shop ul.products li.product .product-title,
.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .product-title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
.home .my2lk-section--products ul.products li.product .product-title,
.home .my2lk-section--products ul.products li.product .woocommerce-loop-product__title {
	line-height: 1.32 !important;
}

/* Remove Avada's compact action glyphs from this specific card action row. */
.woocommerce-shop ul.products li.product .product-buttons a::before,
.woocommerce-shop ul.products li.product .product-buttons a::after,
.tax-product_cat ul.products li.product .product-buttons a::before,
.tax-product_cat ul.products li.product .product-buttons a::after,
.home ul.products li.product .product-buttons a::before,
.home ul.products li.product .product-buttons a::after {
	display: none !important;
	content: none !important;
}

.woocommerce-shop ul.products li.product .product-buttons .button:hover,
.woocommerce-shop ul.products li.product .product-buttons .button:focus-visible,
.tax-product_cat ul.products li.product .product-buttons .button:hover,
.tax-product_cat ul.products li.product .product-buttons .button:focus-visible,
.home ul.products li.product .product-buttons .button:hover,
.home ul.products li.product .product-buttons .button:focus-visible {
	background: var(--my2lk-green-dark) !important;
}
.woocommerce-shop ul.products li.product .product-buttons .show_details_button:hover,
.woocommerce-shop ul.products li.product .product-buttons .show_details_button:focus-visible,
.tax-product_cat ul.products li.product .product-buttons .show_details_button:hover,
.tax-product_cat ul.products li.product .product-buttons .show_details_button:focus-visible,
.home ul.products li.product .product-buttons .show_details_button:hover,
.home ul.products li.product .product-buttons .show_details_button:focus-visible {
	color: var(--my2lk-green-dark) !important;
}

@media (max-width: 640px) {
	/* Mobile-only: preserve the two-column catalogue while making each card usable. */
	.woocommerce-shop ul.products li.product .product-buttons,
	.tax-product_cat ul.products li.product .product-buttons,
	.home ul.products li.product .product-buttons {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		align-items: stretch !important;
		gap: 5px !important;
		width: 100% !important;
		padding: 8px 10px 12px !important;
	}

	.woocommerce-shop ul.products li.product .product-buttons .button,
	.tax-product_cat ul.products li.product .product-buttons .button,
	.home ul.products li.product .product-buttons .button,
	.woocommerce-shop ul.products li.product .product-buttons .add_to_cart_button,
	.tax-product_cat ul.products li.product .product-buttons .add_to_cart_button,
	.home ul.products li.product .product-buttons .add_to_cart_button {
		display: flex !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 42px !important;
		padding: 9px 6px !important;
		font-size: 11px !important;
		line-height: 1.15 !important;
		white-space: normal !important;
	}

	.woocommerce-shop ul.products li.product .product-buttons .show_details_button,
	.tax-product_cat ul.products li.product .product-buttons .show_details_button,
	.home ul.products li.product .product-buttons .show_details_button {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 34px !important;
		padding: 5px 4px !important;
		font-size: 10px !important;
		white-space: normal !important;
	}

	.home .my2lk-section--products ul.products li.product .product-details {
		box-sizing: border-box !important;
		width: 100% !important;
		padding: 10px 10px 4px !important;
	}

	.home .my2lk-section--products ul.products li.product .product-title,
	.home .my2lk-section--products ul.products li.product .woocommerce-loop-product__title {
		font-size: 13px !important;
		line-height: 1.25 !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
		hyphens: none !important;
	}

	.woocommerce-shop ul.products li.product .price,
	.tax-product_cat ul.products li.product .price,
	.home .my2lk-section--products ul.products li.product .price {
		margin-top: 6px !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
	}

	.woocommerce-shop ul.products li.product .my2lk-exchange-rate-note,
	.tax-product_cat ul.products li.product .my2lk-exchange-rate-note,
	.home .my2lk-section--products ul.products li.product .my2lk-exchange-rate-note {
		margin-top: 3px !important;
		font-size: 9px !important;
		line-height: 1.25 !important;
	}

	/* Slightly tighten only the homepage transition into Featured products. */
	.home .my2lk-section--products {
		padding-top: 52px !important;
	}
}
