/**
 * Alican Premium 1.5.4 — white product media system.
 *
 * Product photography for Alican is prepared on a true-white canvas.  Keep the
 * surrounding WooCommerce/product media surfaces white as well, so the raster
 * canvas disappears into the component instead of looking like a white square
 * placed on a grey panel.
 */

:root {
	--alican-product-media-bg: #fff;
	--alican-product-media-border: #e6eae3;
	--alican-product-media-shadow: 0 16px 42px rgba(24, 34, 22, 0.045);
}

/* Homepage product rails. */
.product-card,
.product-card__media {
	background: var(--alican-product-media-bg) !important;
}

.product-card__media {
	box-shadow: inset 0 -1px 0 rgba(22, 30, 20, 0.035);
}

/* Catalog, taxonomy, search, related and standard WooCommerce product cards. */
.catalog-product-card,
.catalog-product-card__media,
.woocommerce ul.products li.product,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	background: var(--alican-product-media-bg) !important;
}

.catalog-product-card,
.woocommerce ul.products li.product {
	border-color: var(--alican-product-media-border) !important;
}

.catalog-product-card__media,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	box-shadow: inset 0 -1px 0 rgba(22, 30, 20, 0.035);
}

/* Single product gallery: remove the grey frame behind white-background assets. */
.single-product-shell .woocommerce-product-gallery,
.single-product-shell .woocommerce-product-gallery__wrapper,
.single-product-shell .woocommerce-product-gallery__image,
.single-product-shell .woocommerce-product-gallery__image a,
.woocommerce div.product div.images,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
	background: var(--alican-product-media-bg) !important;
}

.single-product-shell .woocommerce-product-gallery,
.woocommerce div.product div.images {
	border: 1px solid var(--alican-product-media-border) !important;
	border-radius: 20px;
	box-shadow: var(--alican-product-media-shadow);
}

/* Use one clean outer frame only; older WooCommerce CSS framed the wrapper too. */
.single-product-shell .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	border: 0 !important;
	border-radius: inherit !important;
	box-shadow: none !important;
}

/* Thumbnails should live on the same white canvas as the main product image. */
.single-product-shell .woocommerce-product-gallery .flex-control-thumbs,
.single-product-shell .woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce div.product div.images .flex-control-thumbs,
.woocommerce div.product div.images .flex-control-thumbs li {
	background: #fff !important;
}

/* Keep white JPG/PNG canvases visually seamless and prevent inherited effects. */
.product-card__media img,
.catalog-product-card__media img,
.woocommerce ul.products li.product a img,
.single-product-shell .woocommerce-product-gallery__image img,
.woocommerce div.product div.images img {
	background: #fff !important;
	box-shadow: none !important;
}

/* Premium interaction comes from the outer card, not a tinted image well. */
.product-card:hover,
.catalog-product-card:hover,
.woocommerce ul.products li.product:hover {
	background: #fff !important;
}