/**
 * Product card + purity rating polish — ported from ANM's Perfmatters
 * "Custom Styles" (pmcs) inline CSS. BC standard: lives in custom/, not in
 * plugin settings. The woo_categories hero container rule from the original
 * was dropped — replaced by the native Blocksy theme_mod
 * woo_categories_hero_structure=normal. (Task: 86ey6h6m5, Jayr QA round 3)
 */
html .tippy-popper {
	visibility: hidden !important;
	z-index: 99999999 !important;
	background: white !important;
}

html .widget_blaze_purity_filter .widget-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

html .anm-reviews-dark-bg {
	background-image: url("/wp-content/uploads/2026/04/6bae5c21bbcad4a42ea1104e8925b038165b8331.png")
}

/** PRODUCT CARD **/

html .products .product .ct-woo-card-actions {
	margin-bottom: 0;
}

html .products .product {
	padding-bottom: 16px !important;
}

html .products .product>* {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html .products[data-products] .product {
	overflow: visible;
}


/* Strikethrough style for the original price during a sale */
html [data-products] .product .price del {
	font-weight: 400 !important;
    font-size: 14px !important;
}

/* Style for the new/discounted price during a sale */
html [data-products] .product .price .sale-price {
	font-weight: 500 !important;
    font-size: 16px !important;
	color: red;
}

html [data-products] .product .purity-data {
	display: flex;
	gap: 4px;
	align-items: center;
}


html [data-products] .product .purity-data .label {
	font-size: 14px;
	line-height: 26px;
	color: #939598;
}

html [data-products] .product .purity-data .purity-rating-tip {
	display: flex;
	gap: 4px;
	align-items: center;
}

html [data-products] .product .purity-data .purity-rating-tip .circle {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 99px;
	background-color: #CACACA;
}

html [data-products] .product .purity-data .purity-rating-tip .circle.full-mark {
	background-color: #2B9947;
}

html .iframe-full-width {
	display: block;
	min-width: 100vw;
	max-width: 100vw;
}

/* Woo category + search hero (breadcrumb/title) — constrain to the normal
 * container width. Blocksy has NO Customizer "Container Width" control for
 * type-1 heroes (the option only exists for type-2), so this one CSS rule is
 * the supported way — same as ANM, but housed in custom/ per BC standard.
 * (Task: 86ey6h6m5, Jayr QA round 4) */
html [data-prefix="woo_categories"] .hero-section[data-type="type-1"],
html [data-prefix="search"] .hero-section[data-type="type-1"] {
    --theme-block-max-width: var(--theme-normal-container-max-width);
    margin-top: var(--margin-bottom);
}