/**
 * Alican Premium 1.5.5 — seamless white product photography.
 *
 * Alican product/category assets are exported on a true-white raster canvas.
 * A CSS drop-shadow on an opaque JPG/PNG shadows the rectangular bitmap itself,
 * which makes that white canvas look like a pasted patch.  The rule set below
 * removes every such bitmap-level shadow and gives all commerce media surfaces
 * one continuous white canvas across home, archives, taxonomies, search,
 * related products, blocks/widgets and single-product galleries.
 */

:root {
	--alican-commerce-canvas: #fff;
	--alican-commerce-border: #e5e9e2;
	--alican-commerce-card-shadow: 0 14px 34px rgba(20, 30, 18, 0.055);
}

/* One uninterrupted white card/canvas everywhere products are rendered. */
.product-card,
.product-card__media,
.product-card__body,
.catalog-product-card,
.catalog-product-card__media,
.catalog-product-card__content,
.woocommerce ul.products li.product,
.woocommerce ul.products li.product > a,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.wc-block-grid__product,
.wc-block-grid__product-image,
.wc-block-grid__product-link,
.wc-block-components-product-image,
.wc-block-components-product-image a,
.wp-block-woocommerce-product-collection .wc-block-product,
.wp-block-woocommerce-product-collection .wc-block-components-product-image {
	background: var(--alican-commerce-canvas) !important;
	background-image: none !important;
}

/* Remove the internal divider/shadow that visually separated the raster square. */
.product-card__media,
.catalog-product-card__media,
.woocommerce ul.products li.product > a,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.wc-block-grid__product-image,
.wc-block-components-product-image {
	border-color: transparent !important;
	box-shadow: none !important;
}

.product-carousel--wide-cards .product-card__media {
	border-right-color: var(--alican-commerce-border) !important;
}

/*
 * Critical fix: never apply CSS filter/drop-shadow to opaque white-canvas
 * product/category bitmaps. It casts a shadow around the whole rectangle.
 */
.product-card__image,
.product-card__media img,
.catalog-product-card__image,
.catalog-product-card__media img,
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product a img,
.woocommerce-product-gallery img,
.woocommerce div.product div.images img,
.wc-block-grid__product-image img,
.wc-block-components-product-image img,
.wp-block-woocommerce-product-collection img,
.category-directory-card__media img,
.catalog-category-card__media img {
	background: #fff !important;
	background-image: none !important;
	filter: none !important;
	box-shadow: none !important;
}

/* Category directory images use the same white-canvas asset treatment. */
.category-directory-card,
.category-directory-card__media,
.catalog-category-card,
.catalog-category-card__media,
.woocommerce ul.products li.product-category,
.woocommerce ul.products li.product-category > a {
	background: #fff !important;
	background-image: none !important;
}

.category-directory-card__media,
.catalog-category-card__media,
.woocommerce ul.products li.product-category > a {
	box-shadow: none !important;
}

/* Single product: one premium outer frame; no nested "photo frame". */
.single-product-shell .woocommerce-product-gallery,
.woocommerce div.product div.images {
	background: #fff !important;
	background-image: none !important;
	border: 1px solid var(--alican-commerce-border) !important;
	box-shadow: var(--alican-commerce-card-shadow) !important;
}

.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-product-gallery__wrapper,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
	background: #fff !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Keep interaction on the card edge rather than on the bitmap rectangle. */
.product-card:hover,
.catalog-product-card:hover,
.woocommerce ul.products li.product:hover,
.category-directory-card:hover,
.catalog-category-card:hover {
	background: #fff !important;
	background-image: none !important;
}

/* Home/card images should blend directly into the white card, without a seam. */
.product-card__media img,
.catalog-product-card__media img,
.woocommerce ul.products li.product a img {
	display: block;
	mix-blend-mode: normal !important;
}

/* Mobile/tablet inherit exactly the same media canvas. */
@media (max-width: 980px) {
	.product-card,
	.product-card__media,
	.catalog-product-card,
	.catalog-product-card__media,
	.woocommerce ul.products li.product,
	.woocommerce ul.products li.product a.woocommerce-loop-product__link,
	.single-product-shell .woocommerce-product-gallery,
	.woocommerce div.product div.images {
		background: #fff !important;
		background-image: none !important;
	}
}