/**
 * Listingi produktów — gramatura, subtitle, przycisk ATC.
 * Selektory obejmują też karuzelę „W mieszankach” (.lpm-related).
 */

:root {
	--laki-accent: #c44e8c;
	--laki-accent-hover: #b8447a;
	--laki-border: #dadada;
	--laki-text: #252525;
	--laki-muted: #727272;
	--laki-subtitle: #656565;
	--laki-font-body: 'Lato', sans-serif;
	--laki-font-heading: 'Oswald', sans-serif;
	--laki-radius-sm: 4px;
}

/* Przycisk jak na karcie produktu (nie pełny pill) */
.products .product .button,
.products .product .add_to_cart_button,
.products .product .product_type_variable,
.products .product .product_type_simple,
.products .product .ajax_add_to_cart,
.woocommerce ul.products li.product .button,
.elementor-widget-woocommerce-products .button,
.elementor-widget-wc-products .button,
.lpm-related .product .button,
.lpm-related .product .add_to_cart_button,
.lpm-related .pls-product-actions a,
.lpm-related .pls-cart-button a {
	border-radius: var(--laki-radius-sm) !important;
}

.products .product .pls-cart-button a,
.products .product .pls-product-icons .button {
	border-radius: var(--laki-radius-sm) !important;
}

/* Nazwa produktu — pogrubienie */
.products .product .woocommerce-loop-product__title,
.products .product .pls-product-title,
.products .product .product-title,
.products .product h2,
.products .product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .pls-product-title,
.elementor-widget-woocommerce-products .woocommerce-loop-product__title,
.elementor-widget-wc-products .woocommerce-loop-product__title,
.lpm-related .product .woocommerce-loop-product__title,
.lpm-related .product .pls-product-title,
.lpm-related .product .product-title {
	font-weight: 700 !important;
	color: var(--laki-text);
}

/* Subtitle pod tytułem — szary (np. „100% jednoroczne”) */
.products .product .product-subtitle,
.woocommerce ul.products li.product .product-subtitle,
.lpm-related .product .product-subtitle {
	margin: 4px 0 8px;
	color: var(--laki-subtitle);
	font-family: var(--laki-font-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

/* Cena na listingu */
.products .product .price,
.woocommerce ul.products li.product .price,
.elementor-widget-woocommerce-products .price,
.elementor-widget-wc-products .price,
.lpm-related .product .price {
	font-weight: 400 !important;
}

/* Cena stara (przekreślona) + nowa (promocyjna) */
.products .product .price del,
.products .product .price del .amount,
.products .product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount,
.lpm-related .product .price del,
.lpm-related .product .price del .amount {
	display: inline !important;
	margin-right: 6px;
	font-size: 0.85em !important;
	font-weight: 400 !important;
	color: #8a8a8a !important;
	text-decoration: line-through !important;
}

.products .product .price ins,
.products .product .price ins .amount,
.products .product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .amount,
.lpm-related .product .price ins,
.lpm-related .product .price ins .amount {
	display: inline !important;
	font-weight: 700 !important;
	color: #000 !important;
	text-decoration: none !important;
	background: transparent !important;
}

/* Odstęp swatche → ATC (theme ma 24px — za dużo względem reszty karty) */
.products.grid-view.product-style-7 .pls-product-actions,
.products.grid-view .pls-product-variations + .pls-product-actions,
.lpm-related .pls-product-variations + .pls-product-actions {
	margin-top: 8px;
}

.products.grid-view .pls-product-variations,
.lpm-related .pls-product-variations {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

/* Swatche gramatury — poziome boxy (motyw wymusza 28×28 / 56×56 i łamie „10 g”) */
.products .pls-product-variations .pls-swatches,
.woocommerce ul.products .pls-product-variations .pls-swatches,
.lpm-related .pls-product-variations .pls-swatches {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
}

.products .pls-product-variations .swatch.swatch-label,
.woocommerce ul.products .pls-product-variations .swatch.swatch-label,
.lpm-related .pls-product-variations .swatch.swatch-label,
.lpm-related .pls-product-variations .swatch {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 6px 14px !important;
	margin: 0 !important;
	border: 1px solid var(--laki-border) !important;
	border-radius: var(--laki-radius-sm) !important;
	background: #fff !important;
	color: var(--laki-text) !important;
	font-family: var(--laki-font-body) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	cursor: pointer;
}

.products .pls-product-variations .swatch.swatch-label > span,
.woocommerce ul.products .pls-product-variations .swatch.swatch-label > span,
.lpm-related .pls-product-variations .swatch > span {
	display: inline !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
}

.products .pls-product-variations .swatch.swatch-label:hover,
.woocommerce ul.products .pls-product-variations .swatch.swatch-label:hover,
.lpm-related .pls-product-variations .swatch:hover {
	border-color: var(--laki-accent) !important;
	background: #fff !important;
	color: var(--laki-text) !important;
}

.products .pls-product-variations .swatch.swatch-label.swatch-selected,
.woocommerce ul.products .pls-product-variations .swatch.swatch-label.swatch-selected,
.lpm-related .pls-product-variations .swatch.swatch-selected {
	border: 2px solid var(--laki-accent) !important;
	padding: 5px 13px !important; /* kompensata grubości obwódki */
	background: #fff !important;
	color: var(--laki-text) !important;
	box-shadow: none !important;
}

/* Ikony (ulubione / porównanie): czarne domyślnie, różowe po najechaniu */
.products .pls-product-icons a,
.products .pls-product-icons a.woosw-added,
.products .pls-product-icons a.woosw-btn-added,
.products .pls-product-icons a.woosc-btn-added,
.products .pls-whishlist-btn a,
.products .pls-compare-btn a,
.lpm-related .pls-product-icons a,
.lpm-related .pls-whishlist-btn a,
.lpm-related .pls-compare-btn a {
	background-color: #fff !important;
	color: var(--laki-text) !important;
}

.products .pls-product-icons a:hover,
.products .pls-product-icons a:focus,
.products .pls-product-icons a.woosw-added:hover,
.products .pls-product-icons a.woosw-btn-added:hover,
.products .pls-product-icons a.woosc-btn-added:hover,
.products .pls-whishlist-btn a:hover,
.products .pls-whishlist-btn a:focus,
.products .pls-compare-btn a:hover,
.products .pls-compare-btn a:focus,
.lpm-related .pls-product-icons a:hover,
.lpm-related .pls-product-icons a:focus,
.lpm-related .pls-whishlist-btn a:hover,
.lpm-related .pls-compare-btn a:hover {
	background-color: var(--laki-accent) !important;
	border-color: var(--laki-accent) !important;
	color: #fff !important;
}

/* Porównanie — ta sama ikona co na karcie produktu */
.products .pls-compare-btn a .woosc-btn-icon,
.lpm-related .pls-compare-btn a .woosc-btn-icon,
.products .pls-product-icons a.woosc-btn .woosc-btn-icon {
	display: none !important;
}

.products .pls-compare-btn a::before,
.products .pls-compare-btn a.woosc-btn::before,
.lpm-related .pls-compare-btn a::before,
.products .pls-product-icons a.woosc-btn::before {
	content: "" !important;
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	font-size: 0 !important;
	font-family: none !important;
	background: url("../img/compare-icon-white.svg") no-repeat center center !important;
	background-size: 16px 16px !important;
	filter: invert(1);
	transition: filter 0.2s ease;
}

.products .pls-compare-btn a:hover::before,
.products .pls-compare-btn a:focus::before,
.products .pls-compare-btn a.woosc-btn-added::before,
.lpm-related .pls-compare-btn a:hover::before,
.products .pls-product-icons a.woosc-btn:hover::before,
.products .pls-product-icons a.woosc-btn-added::before {
	filter: invert(0);
}

/* Przycisk ATC — różowe tło jak na karcie produktu */
.products .product .button,
.products .product .add_to_cart_button,
.products .pls-product-actions a,
.products .pls-cart-button a,
.woocommerce ul.products li.product .button,
.elementor-widget-woocommerce-products .button,
.elementor-widget-wc-products .button,
.lpm-related .product .button,
.lpm-related .product .add_to_cart_button,
.lpm-related .pls-product-actions a,
.lpm-related .pls-cart-button a {
	background-color: var(--laki-accent) !important;
	border-color: var(--laki-accent) !important;
	color: #fff !important;
	text-transform: none;
}

.products .product .button:hover,
.products .product .button:focus,
.products .product .add_to_cart_button:hover,
.products .product .add_to_cart_button:focus,
.products .pls-product-actions a:hover,
.products .pls-product-actions a:focus,
.products .pls-cart-button a:hover,
.products .pls-cart-button a:focus,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus,
.lpm-related .product .button:hover,
.lpm-related .product .button:focus,
.lpm-related .pls-product-actions a:hover,
.lpm-related .pls-product-actions a:focus {
	background-color: var(--laki-accent-hover) !important;
	border-color: var(--laki-accent-hover) !important;
	color: #fff !important;
}

/* Ukryj Quick View gdy coś jeszcze zostanie w cache HTML */
.products .pls-quickview-button,
.lpm-related .pls-quickview-button {
	display: none !important;
}