:root {
	--bxsd-low: #c2410c;
	--bxsd-ok: #1f9d3d;
	--bxsd-muted: #9aa5b1;
	--bxsd-text: #5f6b76;
}


/* ==========================================================================
   Ikony
   Kreslí se přes CSS masku a barví se podle textu. Inline SVG WordPress
   z výstupu dostupnosti odstraňuje, takže by se nezobrazily.
   ========================================================================== */

.bxsd-ico {
	display: inline-block;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	vertical-align: -0.125em;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.bxsd-ico--check {
	width: 18px;
	height: 18px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6 16.3 5.4 12l-1.4 1.4 5.6 5.6L20.4 8.2 19 6.8z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6 16.3 5.4 12l-1.4 1.4 5.6 5.6L20.4 8.2 19 6.8z'/%3E%3C/svg%3E");
}

.bxsd-ico--alert {
	width: 18px;
	height: 18px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
}

.bxsd-ico--box {
	width: 18px;
	height: 18px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a1 1 0 0 1 1 1v3H3V5a1 1 0 0 1 1-1zm-1 6h18v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9zm6 2v2h6v-2H9z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a1 1 0 0 1 1 1v3H3V5a1 1 0 0 1 1-1zm-1 6h18v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9zm6 2v2h6v-2H9z'/%3E%3C/svg%3E");
}

.bxsd-ico--truck {
	width: 18px;
	height: 18px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5h9A1.5 1.5 0 0 1 15 6.5V8h2.6c.5 0 1 .2 1.3.6l2.1 2.5c.2.3.4.7.4 1V16a1.5 1.5 0 0 1-1.5 1.5h-.7a2.6 2.6 0 0 1-5.1 0H9.6a2.6 2.6 0 0 1-5.1 0h-.2A1.3 1.3 0 0 1 3 16.2V6.5zm12 3v3.6h4.3v-1.6L17.5 9.5H15zM7 15.6a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4zm9.7 0a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5h9A1.5 1.5 0 0 1 15 6.5V8h2.6c.5 0 1 .2 1.3.6l2.1 2.5c.2.3.4.7.4 1V16a1.5 1.5 0 0 1-1.5 1.5h-.7a2.6 2.6 0 0 1-5.1 0H9.6a2.6 2.6 0 0 1-5.1 0h-.2A1.3 1.3 0 0 1 3 16.2V6.5zm12 3v3.6h4.3v-1.6L17.5 9.5H15zM7 15.6a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4zm9.7 0a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4z'/%3E%3C/svg%3E");
}

.bxsd-ico--clock {
	width: 15px;
	height: 15px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm.9 8.9-3.2 2.2-.9-1.3 2.4-1.7V7h1.7v5.4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm.9 8.9-3.2 2.2-.9-1.3 2.4-1.7V7h1.7v5.4z'/%3E%3C/svg%3E");
}

.bxsd-ico--flame {
	width: 13px;
	height: 13px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.7 2c.3 3-1.4 4.2-2.6 5.4C8.6 8.8 7 10.3 7 13.2A5.6 5.6 0 0 0 12.6 19a5.4 5.4 0 0 0 5.4-5.5c0-3.6-2.4-5-2.4-5s.1 1.9-1 2.6c0-1.8-.6-5.5-1.9-9.1z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.7 2c.3 3-1.4 4.2-2.6 5.4C8.6 8.8 7 10.3 7 13.2A5.6 5.6 0 0 0 12.6 19a5.4 5.4 0 0 0 5.4-5.5c0-3.6-2.4-5-2.4-5s.1 1.9-1 2.6c0-1.8-.6-5.5-1.9-9.1z'/%3E%3C/svg%3E");
}

/* Prohlížeče bez podpory masky (velmi staré) ikonu radši schovají,
   než aby ukázaly plný čtvereček. */

@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
	.bxsd-ico {
		display: none;
	}
}

/* ==========================================================================
   Štítek ve výpisu produktů
   ========================================================================== */

.bxsd-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 5px 0 7px;
	padding: 4px 10px;
	border-radius: 100px;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

.bxsd-chip svg {
	flex: 0 0 auto;
	display: block;
}

.bxsd-chip--low {
	background: rgba(194, 65, 12, 0.09);
	color: var(--bxsd-low);
}

.bxsd-chip--out {
	background: #f1f3f5;
	color: #6b7280;
	font-weight: 600;
}

/* Výpis bývá zarovnaný na střed – štítek se přizpůsobí. */

.products .bxsd-chip,
ul.products .bxsd-chip {
	display: inline-flex;
}

.woocommerce ul.products li.product {
	text-align: inherit;
}

/* ==========================================================================
   Dostupnost na detailu produktu — karta ve stejném duchu jako záruky a sady
   ========================================================================== */

.bxsd-stock {
	clear: both;
	margin: 1rem 0 0;
}

.bxsd-card {
	border: 1px solid #e2e6ea;
	border-radius: 12px;
	background: #fff;
	box-sizing: border-box;
	color: #1c1c1c;
	font-size: 15px;
	line-height: 1.45;
	overflow: hidden;
}

.bxsd-card__head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px 16px;
	background: #f4fbf6;
	border-bottom: 1px solid #e6f2ea;
}

.bxsd-card--out .bxsd-card__head {
	background: #fdf5f1;
	border-bottom-color: #f6e3d9;
}

.bxsd-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--bxsd-ok);
	font-size: 15.5px;
	font-weight: 700;
}

.bxsd-status svg {
	flex: 0 0 auto;
}

.bxsd-status--out {
	color: var(--bxsd-low);
}

.bxsd-card__head .bxsd-chip {
	margin: 0 0 0 auto;
}

/* Způsoby doručení */

.bxsd-card__body {
	display: flex;
	flex-direction: column;
}

.bxsd-opt {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 16px;
}

.bxsd-opt + .bxsd-opt {
	border-top: 1px solid #eef1f3;
}

.bxsd-opt__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #f1f4f7;
	color: #6b7683;
}

.bxsd-opt__text {
	flex: 1 1 auto;
	min-width: 0;
}

.bxsd-opt__label {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
}

.bxsd-opt__date {
	display: block;
	margin-top: 1px;
	color: var(--bxsd-ok);
	font-size: 14.5px;
	font-weight: 700;
}

.bxsd-opt__carriers {
	display: block;
	margin-top: 2px;
	color: var(--bxsd-muted);
	font-size: 12.5px;
}

/* Patička s uzávěrkou */

.bxsd-card__foot {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	padding: 10px 16px;
	border-top: 1px solid #eef1f3;
	background: #fafbfc;
	color: var(--bxsd-text);
	font-size: 13.5px;
	line-height: 1.4;
}

.bxsd-card__foot-icon {
	flex: 0 0 auto;
	display: inline-flex;
	margin-top: 2px;
	color: var(--bxsd-muted);
}

.bxsd-card__foot strong {
	color: #1c1c1c;
	font-weight: 700;
	white-space: nowrap;
}

.bxsd-countdown {
	display: inline-block;
	margin-left: 2px;
	padding: 1px 8px;
	border-radius: 100px;
	background: rgba(31, 157, 61, 0.12);
	color: var(--bxsd-ok);
	font-size: 12.5px;
	font-weight: 700;
	white-space: nowrap;
}

.bxsd-countdown:empty {
	display: none;
}

/* Mobil */

@media (max-width: 600px) {
	.bxsd-card__head,
	.bxsd-opt,
	.bxsd-card__foot {
		padding-left: 13px;
		padding-right: 13px;
	}

	.bxsd-opt__icon {
		width: 30px;
		height: 30px;
	}

	.bxsd-opt__icon svg {
		width: 16px;
		height: 16px;
	}

	.bxsd-opt__label {
		font-size: 13.5px;
	}

	.bxsd-opt__date {
		font-size: 14px;
	}

	.bxsd-card__head .bxsd-chip {
		margin-left: 0;
	}

	.bxsd-chip {
		font-size: 12px;
		padding: 3px 9px;
	}
}