/*
 * DM24 0.9.21 — kompaktowy wskaźnik dostępności na kartach produktów.
 *
 * Założenia:
 * - 5 kart w rzędzie zostaje,
 * - dostępność = 4-segmentowy wskaźnik,
 * - pełny tekst dostępności pojawia się jako tooltip po najechaniu,
 * - wysyłka pozostaje czytelna obok,
 * - działa na home / kategoriach / wyszukiwaniu i pozostałych loopach Woo.
 */

/* Kompaktujemy cały box logistyczny. */
.woocommerce ul.products li.product .dm24-card-availability,
body.home .dm24-home-products .dm24-card-availability {
	display:grid !important;
	grid-template-columns:52px minmax(0,1fr) !important;
	gap:10px !important;
	align-items:center !important;
	padding:9px 11px !important;
	min-height:58px !important;
	overflow:visible !important;
}

/* Dostępność: tylko ikona. */
.woocommerce ul.products li.product .dm24-card-stock,
body.home .dm24-home-products .dm24-card-stock {
	position:relative !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:42px !important;
	min-width:42px !important;
	height:30px !important;
	margin:0 !important;
	padding:0 !important;
	line-height:1 !important;
	white-space:nowrap !important;
	overflow:visible !important;
	cursor:help;
}

/* Stara etykieta "DOSTĘPNOŚĆ" znika. */
.woocommerce ul.products li.product .dm24-card-stock::before,
body.home .dm24-home-products .dm24-card-stock::before {
	display:none !important;
	content:none !important;
}

/*
 * Wskaźnik 4-segmentowy.
 * Wygląd jak bateria / poziom paliwa:
 * - available = 4 segmenty,
 * - low/few   = 2 segmenty,
 * - last      = 1 segment,
 * - out       = 0 segmentów + przekreślenie.
 */
.woocommerce ul.products li.product .dm24-card-stock-dot,
body.home .dm24-home-products .dm24-card-stock-dot {
	position:relative !important;
	display:block !important;
	grid-area:auto !important;
	width:40px !important;
	height:16px !important;
	flex:0 0 40px !important;
	border:1.5px solid currentColor !important;
	border-radius:4px !important;
	background:#fff !important;
	box-sizing:border-box !important;
	overflow:hidden !important;
}

/* mały "nosek" jak w mierniku/baterii */
.woocommerce ul.products li.product .dm24-card-stock-dot::after,
body.home .dm24-home-products .dm24-card-stock-dot::after {
	content:"" !important;
	position:absolute !important;
	right:-4px !important;
	top:4px !important;
	width:3px !important;
	height:6px !important;
	border-radius:0 2px 2px 0 !important;
	background:currentColor !important;
}

/* segmenty wypełnienia */
.woocommerce ul.products li.product .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-dot::before {
	content:"" !important;
	position:absolute !important;
	left:3px !important;
	top:3px !important;
	width:26px !important;
	height:8px !important;
	background:none !important;
}

/* Poziomy i kolory. */
.woocommerce ul.products li.product .dm24-card-stock-available,
body.home .dm24-home-products .dm24-card-stock-available {
	color:#16833b !important;
}
.woocommerce ul.products li.product .dm24-card-stock-available .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-available .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 5px 8px no-repeat,
		linear-gradient(currentColor,currentColor) 7px 0 / 5px 8px no-repeat,
		linear-gradient(currentColor,currentColor) 14px 0 / 5px 8px no-repeat,
		linear-gradient(currentColor,currentColor) 21px 0 / 5px 8px no-repeat !important;
}

.woocommerce ul.products li.product .dm24-card-stock-low,
.woocommerce ul.products li.product .dm24-card-stock-few,
body.home .dm24-home-products .dm24-card-stock-low,
body.home .dm24-home-products .dm24-card-stock-few {
	color:#d6a000 !important;
}
.woocommerce ul.products li.product .dm24-card-stock-low .dm24-card-stock-dot::before,
.woocommerce ul.products li.product .dm24-card-stock-few .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-low .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-few .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 5px 8px no-repeat,
		linear-gradient(currentColor,currentColor) 7px 0 / 5px 8px no-repeat !important;
}

.woocommerce ul.products li.product .dm24-card-stock-last,
body.home .dm24-home-products .dm24-card-stock-last {
	color:#d97706 !important;
}
.woocommerce ul.products li.product .dm24-card-stock-last .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-last .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 5px 8px no-repeat !important;
}

.woocommerce ul.products li.product .dm24-card-stock-out,
body.home .dm24-home-products .dm24-card-stock-out {
	color:#b42318 !important;
}
.woocommerce ul.products li.product .dm24-card-stock-out .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-out .dm24-card-stock-dot::before {
	width:2px !important;
	height:42px !important;
	left:16px !important;
	top:-14px !important;
	background:currentColor !important;
	transform:rotate(-55deg) !important;
	transform-origin:center !important;
}

/* Tooltip korzysta z istniejącego tekstu <strong>, niczego nie duplikujemy. */
.woocommerce ul.products li.product .dm24-card-stock > strong,
body.home .dm24-home-products .dm24-card-stock > strong {
	position:absolute !important;
	z-index:80 !important;
	left:20px !important;
	top:calc(100% + 8px) !important;
	transform:translate(-50%, -3px) !important;
	width:max-content !important;
	max-width:170px !important;
	padding:7px 9px !important;
	border-radius:7px !important;
	background:#102f50 !important;
	color:#fff !important;
	font-size:12px !important;
	font-weight:700 !important;
	line-height:1.25 !important;
	text-align:center !important;
	white-space:normal !important;
	box-shadow:0 7px 20px rgba(15,36,59,.22) !important;
	opacity:0 !important;
	visibility:hidden !important;
	pointer-events:none !important;
	transition:opacity .14s ease, transform .14s ease, visibility .14s ease !important;
}

/* grot tooltipa */
.woocommerce ul.products li.product .dm24-card-stock > strong::before,
body.home .dm24-home-products .dm24-card-stock > strong::before {
	content:"" !important;
	position:absolute !important;
	left:50% !important;
	top:-5px !important;
	width:10px !important;
	height:10px !important;
	background:#102f50 !important;
	transform:translateX(-50%) rotate(45deg) !important;
}

.woocommerce ul.products li.product .dm24-card-stock:hover > strong,
body.home .dm24-home-products .dm24-card-stock:hover > strong {
	opacity:1 !important;
	visibility:visible !important;
	transform:translate(-50%, 0) !important;
}

/* Wysyłka zostaje tekstem, ale jest bardziej zwarta. */
.woocommerce ul.products li.product .dm24-card-delivery,
body.home .dm24-home-products .dm24-card-delivery {
	display:grid !important;
	grid-template-columns:7px minmax(0,1fr) !important;
	grid-template-areas:
		"label label"
		"dot text" !important;
	column-gap:7px !important;
	row-gap:3px !important;
	min-width:0 !important;
	margin:0 !important;
}

.woocommerce ul.products li.product .dm24-card-delivery::before,
body.home .dm24-home-products .dm24-card-delivery::before {
	content:"WYSYŁKA" !important;
	grid-area:label !important;
	display:block !important;
	font-size:9px !important;
	line-height:1 !important;
	letter-spacing:.08em !important;
	color:#7a8699 !important;
	font-weight:800 !important;
	white-space:nowrap !important;
}

.woocommerce ul.products li.product .dm24-card-delivery-dot,
body.home .dm24-home-products .dm24-card-delivery-dot {
	width:7px !important;
	height:7px !important;
	flex:0 0 7px !important;
}

.woocommerce ul.products li.product .dm24-card-delivery strong,
body.home .dm24-home-products .dm24-card-delivery strong {
	font-size:13px !important;
	line-height:1.15 !important;
	white-space:nowrap !important;
}

/* Zapobiega ucinaniu tooltipa przez samą kartę. */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .dm24-card-availability,
body.home .dm24-home-products li.product,
body.home .dm24-home-products li.product .dm24-card-availability {
	overflow:visible !important;
}

/*
 * Mobile/touch: nie polegamy na hover.
 * Wraca widoczny krótki tekst statusu obok wskaźnika.
 */
@media (max-width:760px), (hover:none) {
	.woocommerce ul.products li.product .dm24-card-availability,
	body.home .dm24-home-products .dm24-card-availability {
		grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
		gap:8px !important;
	}

	.woocommerce ul.products li.product .dm24-card-stock,
	body.home .dm24-home-products .dm24-card-stock {
		width:auto !important;
		min-width:0 !important;
		height:auto !important;
		justify-content:flex-start !important;
		gap:7px !important;
		cursor:default !important;
	}

	.woocommerce ul.products li.product .dm24-card-stock > strong,
	body.home .dm24-home-products .dm24-card-stock > strong {
		position:static !important;
		display:block !important;
		width:auto !important;
		max-width:none !important;
		padding:0 !important;
		background:transparent !important;
		color:currentColor !important;
		box-shadow:none !important;
		transform:none !important;
		opacity:1 !important;
		visibility:visible !important;
		font-size:11px !important;
		line-height:1.15 !important;
		text-align:left !important;
	}

	.woocommerce ul.products li.product .dm24-card-stock > strong::before,
	body.home .dm24-home-products .dm24-card-stock > strong::before {
		display:none !important;
	}

	.woocommerce ul.products li.product .dm24-card-stock-dot,
	body.home .dm24-home-products .dm24-card-stock-dot {
		width:30px !important;
		flex-basis:30px !important;
	}
}


/* DM24 0.9.17 — etykieta DOSTĘPNOŚĆ nad wskaźnikiem */
.woocommerce ul.products li.product .dm24-card-availability,
body.home .dm24-home-products .dm24-card-availability {
	display:grid !important;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
	gap:10px !important;
	align-items:center !important;
	min-height:66px !important;
}

.woocommerce ul.products li.product .dm24-card-stock,
body.home .dm24-home-products .dm24-card-stock {
	position:relative !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	justify-content:center !important;
	gap:6px !important;
	width:100% !important;
	min-width:0 !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	overflow:visible !important;
}

.woocommerce ul.products li.product .dm24-card-stock::before,
body.home .dm24-home-products .dm24-card-stock::before {
	display:block !important;
	content:"DOSTĘPNOŚĆ" !important;
	font-size:9px !important;
	line-height:1 !important;
	letter-spacing:.08em !important;
	color:#7a8699 !important;
	font-weight:800 !important;
	white-space:nowrap !important;
}

.woocommerce ul.products li.product .dm24-card-delivery,
body.home .dm24-home-products .dm24-card-delivery {
	align-self:stretch !important;
	justify-self:stretch !important;
}


/* DM24 0.9.18 — finalne proporcje wskaźnika dostępności */
.woocommerce ul.products li.product .dm24-card-availability,
body.home .dm24-home-products .dm24-card-availability {
	display:grid !important;
	grid-template-columns:1fr 1fr !important;
	gap:12px !important;
	align-items:center !important;
	padding:10px 12px !important;
	min-height:64px !important;
}

.woocommerce ul.products li.product .dm24-card-stock,
body.home .dm24-home-products .dm24-card-stock,
.woocommerce ul.products li.product .dm24-card-delivery,
body.home .dm24-home-products .dm24-card-delivery {
	min-width:0 !important;
}

/* Lewa połowa: nagłówek i pozioma bateria */
.woocommerce ul.products li.product .dm24-card-stock,
body.home .dm24-home-products .dm24-card-stock {
	display:grid !important;
	grid-template-rows:auto 18px !important;
	align-content:center !important;
	justify-items:start !important;
	gap:6px !important;
	width:100% !important;
	height:auto !important;
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	box-shadow:none !important;
}

.woocommerce ul.products li.product .dm24-card-stock::before,
body.home .dm24-home-products .dm24-card-stock::before {
	content:"DOSTĘPNOŚĆ" !important;
	display:block !important;
	font-size:9px !important;
	line-height:1 !important;
	letter-spacing:.08em !important;
	font-weight:800 !important;
	color:#7a8699 !important;
	white-space:nowrap !important;
}

/* Bateria ma być niska i pozioma — bez dużego kwadratu. */
.woocommerce ul.products li.product .dm24-card-stock-dot,
body.home .dm24-home-products .dm24-card-stock-dot {
	display:block !important;
	position:relative !important;
	width:42px !important;
	min-width:42px !important;
	max-width:42px !important;
	height:18px !important;
	min-height:18px !important;
	max-height:18px !important;
	flex:0 0 42px !important;
	padding:0 !important;
	margin:0 !important;
	border:1.5px solid currentColor !important;
	border-radius:4px !important;
	background:#fff !important;
	box-shadow:none !important;
	box-sizing:border-box !important;
	overflow:hidden !important;
}

.woocommerce ul.products li.product .dm24-card-stock-dot::after,
body.home .dm24-home-products .dm24-card-stock-dot::after {
	content:"" !important;
	position:absolute !important;
	right:-4px !important;
	top:5px !important;
	width:3px !important;
	height:6px !important;
	background:currentColor !important;
	border-radius:0 2px 2px 0 !important;
}

/* Cztery czytelne segmenty po 6 px. */
.woocommerce ul.products li.product .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-dot::before {
	content:"" !important;
	position:absolute !important;
	left:3px !important;
	top:3px !important;
	width:32px !important;
	height:10px !important;
	transform:none !important;
	background:none !important;
}

/* 4 segmenty */
.woocommerce ul.products li.product .dm24-card-stock-available .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-available .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 8px 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 16px 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 24px 0 / 6px 10px no-repeat !important;
}

/* 2 segmenty */
.woocommerce ul.products li.product .dm24-card-stock-low .dm24-card-stock-dot::before,
.woocommerce ul.products li.product .dm24-card-stock-few .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-low .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-few .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 8px 0 / 6px 10px no-repeat !important;
}

/* 1 segment */
.woocommerce ul.products li.product .dm24-card-stock-last .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-last .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 6px 10px no-repeat !important;
}

/* brak = pusta bateria + przekreślenie */
.woocommerce ul.products li.product .dm24-card-stock-out .dm24-card-stock-dot::before,
body.home .dm24-home-products .dm24-card-stock-out .dm24-card-stock-dot::before {
	content:"" !important;
	position:absolute !important;
	left:19px !important;
	top:-8px !important;
	width:2px !important;
	height:34px !important;
	background:currentColor !important;
	transform:rotate(-55deg) !important;
	transform-origin:center !important;
}

/* Prawa połowa: WYSYŁKA nad czasem, wyrównana do lewej. */
.woocommerce ul.products li.product .dm24-card-delivery,
body.home .dm24-home-products .dm24-card-delivery {
	display:grid !important;
	grid-template-columns:7px minmax(0,1fr) !important;
	grid-template-areas:
		"label label"
		"dot text" !important;
	align-content:center !important;
	column-gap:7px !important;
	row-gap:6px !important;
	margin:0 !important;
	padding:0 !important;
}

/* Tooltip zostaje, ale startuje pod baterią. */
.woocommerce ul.products li.product .dm24-card-stock > strong,
body.home .dm24-home-products .dm24-card-stock > strong {
	left:21px !important;
	top:calc(100% + 8px) !important;
}

/* Na touch/mobile pokazujemy tekst statusu normalnie. */
@media (max-width:760px), (hover:none) {
	.woocommerce ul.products li.product .dm24-card-stock,
	body.home .dm24-home-products .dm24-card-stock {
		grid-template-rows:auto auto !important;
	}
}


/* =========================================================
 * DM24 0.9.19 — karta produktu: ten sam język dostępności
 * ========================================================= */

body.single-product .dm24-single-stock-enhanced {
	display:inline-flex !important;
	align-items:center !important;
	gap:10px !important;
	min-width:0 !important;
}

body.single-product .dm24-single-stock-battery {
	position:relative;
	display:inline-block;
	width:46px;
	height:20px;
	flex:0 0 46px;
	border:1.5px solid currentColor;
	border-radius:5px;
	background:#fff;
	box-sizing:border-box;
	vertical-align:middle;
	overflow:visible;
}

body.single-product .dm24-single-stock-battery::after {
	content:"";
	position:absolute;
	right:-5px;
	top:6px;
	width:4px;
	height:7px;
	border-radius:0 2px 2px 0;
	background:currentColor;
}

body.single-product .dm24-single-stock-battery__segments {
	position:absolute;
	left:4px;
	top:4px;
	display:flex;
	gap:2px;
	height:10px;
}

body.single-product .dm24-single-stock-battery__segment {
	display:block;
	width:7px;
	height:10px;
	border-radius:1px;
	background:currentColor;
	opacity:.13;
}

body.single-product .dm24-single-stock-enhanced[data-level="4"] {
	color:#16833b;
}
body.single-product .dm24-single-stock-enhanced[data-level="2"] {
	color:#d6a000;
}
body.single-product .dm24-single-stock-enhanced[data-level="1"] {
	color:#d97706;
}
body.single-product .dm24-single-stock-enhanced[data-level="0"] {
	color:#b42318;
}

body.single-product .dm24-single-stock-enhanced[data-level="4"] .dm24-single-stock-battery__segment:nth-child(-n+4),
body.single-product .dm24-single-stock-enhanced[data-level="2"] .dm24-single-stock-battery__segment:nth-child(-n+2),
body.single-product .dm24-single-stock-enhanced[data-level="1"] .dm24-single-stock-battery__segment:nth-child(1) {
	opacity:1;
}

body.single-product .dm24-single-stock-enhanced[data-level="0"] .dm24-single-stock-battery::before {
	content:"";
	position:absolute;
	z-index:2;
	left:20px;
	top:-8px;
	width:2px;
	height:36px;
	background:currentColor;
	transform:rotate(-55deg);
	transform-origin:center;
}

body.single-product .dm24-single-stock-label {
	color:currentColor !important;
	font-weight:700 !important;
	line-height:1.2 !important;
	white-space:nowrap;
}

/* Zachowujemy layout dwóch kolumn obecnego boxa. */
body.single-product .dm24-single-stock-enhanced-wrap {
	display:flex !important;
	align-items:center !important;
	min-height:24px;
}

/* Na małych ekranach ikona pozostaje czytelna, ale trochę mniejsza. */
@media (max-width:600px) {
	body.single-product .dm24-single-stock-battery {
		width:40px;
		height:18px;
		flex-basis:40px;
	}
	body.single-product .dm24-single-stock-battery__segments {
		left:4px;
		top:4px;
		height:8px;
	}
	body.single-product .dm24-single-stock-battery__segment {
		width:6px;
		height:8px;
	}
	body.single-product .dm24-single-stock-label {
		font-size:13px !important;
	}
}


/* =========================================================
 * DM24 0.9.20 — ujednolicenie ikon w Podobnych / Upsellach
 * Na stronie produktu nie pozwalamy stylom single-product
 * zmieniać wyglądu wskaźnika na kartach produktów.
 * ========================================================= */

body.single-product section.related.products ul.products li.product .dm24-card-stock-dot,
body.single-product section.upsells.products ul.products li.product .dm24-card-stock-dot,
body.single-product .related ul.products li.product .dm24-card-stock-dot,
body.single-product .upsells ul.products li.product .dm24-card-stock-dot {
	display:block !important;
	position:relative !important;
	width:42px !important;
	min-width:42px !important;
	max-width:42px !important;
	height:18px !important;
	min-height:18px !important;
	max-height:18px !important;
	flex:0 0 42px !important;
	padding:0 !important;
	margin:0 !important;
	border:1.5px solid currentColor !important;
	border-radius:4px !important;
	background:#fff !important;
	box-shadow:none !important;
	box-sizing:border-box !important;
	overflow:hidden !important;
}

body.single-product section.related.products ul.products li.product .dm24-card-stock-dot::after,
body.single-product section.upsells.products ul.products li.product .dm24-card-stock-dot::after,
body.single-product .related ul.products li.product .dm24-card-stock-dot::after,
body.single-product .upsells ul.products li.product .dm24-card-stock-dot::after {
	content:"" !important;
	position:absolute !important;
	right:-4px !important;
	top:5px !important;
	width:3px !important;
	height:6px !important;
	background:currentColor !important;
	border-radius:0 2px 2px 0 !important;
}

body.single-product section.related.products ul.products li.product .dm24-card-stock-dot::before,
body.single-product section.upsells.products ul.products li.product .dm24-card-stock-dot::before,
body.single-product .related ul.products li.product .dm24-card-stock-dot::before,
body.single-product .upsells ul.products li.product .dm24-card-stock-dot::before {
	content:"" !important;
	position:absolute !important;
	left:3px !important;
	top:3px !important;
	width:32px !important;
	height:10px !important;
	transform:none !important;
	background:none !important;
}

/* dostępny — 4 segmenty */
body.single-product .related .dm24-card-stock-available .dm24-card-stock-dot::before,
body.single-product .upsells .dm24-card-stock-available .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 8px 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 16px 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 24px 0 / 6px 10px no-repeat !important;
}

/* mało — 2 segmenty */
body.single-product .related .dm24-card-stock-low .dm24-card-stock-dot::before,
body.single-product .related .dm24-card-stock-few .dm24-card-stock-dot::before,
body.single-product .upsells .dm24-card-stock-low .dm24-card-stock-dot::before,
body.single-product .upsells .dm24-card-stock-few .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 6px 10px no-repeat,
		linear-gradient(currentColor,currentColor) 8px 0 / 6px 10px no-repeat !important;
}

/* ostatnie — 1 segment */
body.single-product .related .dm24-card-stock-last .dm24-card-stock-dot::before,
body.single-product .upsells .dm24-card-stock-last .dm24-card-stock-dot::before {
	background:
		linear-gradient(currentColor,currentColor) 0 0 / 6px 10px no-repeat !important;
}

/* brak — pusta bateria + przekreślenie */
body.single-product .related .dm24-card-stock-out .dm24-card-stock-dot::before,
body.single-product .upsells .dm24-card-stock-out .dm24-card-stock-dot::before {
	content:"" !important;
	left:19px !important;
	top:-8px !important;
	width:2px !important;
	height:34px !important;
	background:currentColor !important;
	transform:rotate(-55deg) !important;
	transform-origin:center !important;
}

/* Kolory identyczne jak na home/kategoriach */
body.single-product .related .dm24-card-stock-available,
body.single-product .upsells .dm24-card-stock-available { color:#16833b !important; }

body.single-product .related .dm24-card-stock-low,
body.single-product .related .dm24-card-stock-few,
body.single-product .upsells .dm24-card-stock-low,
body.single-product .upsells .dm24-card-stock-few { color:#d6a000 !important; }

body.single-product .related .dm24-card-stock-last,
body.single-product .upsells .dm24-card-stock-last { color:#d97706 !important; }

body.single-product .related .dm24-card-stock-out,
body.single-product .upsells .dm24-card-stock-out { color:#b42318 !important; }


/* =========================================================
 * DM24 0.9.21 — pewne wypełnienie baterii w Related/Upsells
 * Segmenty są prawdziwymi elementami DOM, nie ::before.
 * ========================================================= */
body.single-product .related .dm24-card-stock-dot::before,
body.single-product .upsells .dm24-card-stock-dot::before,
body.single-product section.related.products .dm24-card-stock-dot::before,
body.single-product section.upsells.products .dm24-card-stock-dot::before {
	display:none !important;
	content:none !important;
}

body.single-product .related .dm24-card-stock-dot,
body.single-product .upsells .dm24-card-stock-dot,
body.single-product section.related.products .dm24-card-stock-dot,
body.single-product section.upsells.products .dm24-card-stock-dot {
	position:relative !important;
	width:42px !important;
	height:18px !important;
	min-width:42px !important;
	min-height:18px !important;
	max-width:42px !important;
	max-height:18px !important;
	border:1.5px solid currentColor !important;
	border-radius:4px !important;
	background:#fff !important;
	overflow:visible !important;
	box-sizing:border-box !important;
}

body.single-product .related .dm24-related-battery-segments,
body.single-product .upsells .dm24-related-battery-segments,
body.single-product section.related.products .dm24-related-battery-segments,
body.single-product section.upsells.products .dm24-related-battery-segments {
	position:absolute !important;
	left:3px !important;
	top:3px !important;
	display:flex !important;
	gap:2px !important;
	width:30px !important;
	height:10px !important;
	pointer-events:none !important;
}

body.single-product .related .dm24-related-battery-segment,
body.single-product .upsells .dm24-related-battery-segment,
body.single-product section.related.products .dm24-related-battery-segment,
body.single-product section.upsells.products .dm24-related-battery-segment {
	display:block !important;
	width:6px !important;
	height:10px !important;
	border-radius:1px !important;
	background:currentColor !important;
	opacity:.10 !important;
}

/* 4 segmenty — dostępny */
body.single-product .related .dm24-card-stock-available .dm24-related-battery-segment,
body.single-product .upsells .dm24-card-stock-available .dm24-related-battery-segment,
body.single-product section.related.products .dm24-card-stock-available .dm24-related-battery-segment,
body.single-product section.upsells.products .dm24-card-stock-available .dm24-related-battery-segment {
	opacity:1 !important;
}

/* 2 segmenty — mało */
body.single-product .related .dm24-card-stock-low .dm24-related-battery-segment:nth-child(-n+2),
body.single-product .related .dm24-card-stock-few .dm24-related-battery-segment:nth-child(-n+2),
body.single-product .upsells .dm24-card-stock-low .dm24-related-battery-segment:nth-child(-n+2),
body.single-product .upsells .dm24-card-stock-few .dm24-related-battery-segment:nth-child(-n+2),
body.single-product section.related.products .dm24-card-stock-low .dm24-related-battery-segment:nth-child(-n+2),
body.single-product section.related.products .dm24-card-stock-few .dm24-related-battery-segment:nth-child(-n+2),
body.single-product section.upsells.products .dm24-card-stock-low .dm24-related-battery-segment:nth-child(-n+2),
body.single-product section.upsells.products .dm24-card-stock-few .dm24-related-battery-segment:nth-child(-n+2) {
	opacity:1 !important;
}

/* 1 segment — ostatnie sztuki */
body.single-product .related .dm24-card-stock-last .dm24-related-battery-segment:first-child,
body.single-product .upsells .dm24-card-stock-last .dm24-related-battery-segment:first-child,
body.single-product section.related.products .dm24-card-stock-last .dm24-related-battery-segment:first-child,
body.single-product section.upsells.products .dm24-card-stock-last .dm24-related-battery-segment:first-child {
	opacity:1 !important;
}

/* brak — wszystkie segmenty puste, przekreślenie na samej baterii */
body.single-product .related .dm24-card-stock-out .dm24-related-battery-segment,
body.single-product .upsells .dm24-card-stock-out .dm24-related-battery-segment,
body.single-product section.related.products .dm24-card-stock-out .dm24-related-battery-segment,
body.single-product section.upsells.products .dm24-card-stock-out .dm24-related-battery-segment {
	opacity:.08 !important;
}

body.single-product .related .dm24-card-stock-out .dm24-card-stock-dot::after,
body.single-product .upsells .dm24-card-stock-out .dm24-card-stock-dot::after,
body.single-product section.related.products .dm24-card-stock-out .dm24-card-stock-dot::after,
body.single-product section.upsells.products .dm24-card-stock-out .dm24-card-stock-dot::after {
	content:"" !important;
	position:absolute !important;
	z-index:3 !important;
	left:19px !important;
	top:-8px !important;
	width:2px !important;
	height:34px !important;
	background:currentColor !important;
	transform:rotate(-55deg) !important;
	transform-origin:center !important;
	border-radius:0 !important;
	right:auto !important;
}
