/* Vizuální seskupení sestavových line items v košíku a checkoutu.
 * Používá flexibilní CSS — funguje s libovolnou WC tabulkovou šablonou. */

.woocommerce-cart-form .ks-system-group-item td.product-name {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.ks-system-group-item {
	background: #faf6f0;
	border-left: 3px solid #D2843D;
}
.ks-system-group-item.ks-group-first {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.ks-system-group-item.ks-group-last,
.ks-system-group-item.ks-group-only {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.ks-cart-group-header {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	margin: -0.5rem -0.5rem 0.75rem -0.5rem;
	background: #D2843D;
	color: #fff;
	border-radius: 6px;
	font-size: 0.95rem;
}
.ks-cart-group-header strong {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.ks-cart-group-header em {
	font-style: italic;
	color: #fff;
	opacity: 0.95;
}
.ks-cart-group-id {
	margin-left: auto;
	opacity: 0.85;
	font-size: 0.85rem;
}
.ks-cart-group-id code {
	background: rgba(255, 255, 255, 0.18);
	padding: 0.05rem 0.4rem;
	border-radius: 4px;
	color: #fff;
}
.ks-cart-role-badge {
	display: inline-block;
	margin-left: 0.5rem;
	padding: 0.05rem 0.5rem;
	background: rgba(210, 132, 61, 0.15);
	border: 1px solid rgba(210, 132, 61, 0.4);
	color: #8a4d18;
	border-radius: 999px;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	white-space: nowrap;
}
.ks-cart-engraving {
	font-size: 0.85rem;
	color: #555;
	margin-top: 0.25rem;
}
.ks-cart-qty-locked {
	font-weight: 600;
	color: #555;
	font-family: 'JetBrains Mono', monospace;
}
.ks-cart-group-actions {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px dashed rgba(210, 132, 61, 0.4);
}
.ks-cart-group-actions .button.ks-cart-group-edit {
	background: #D2843D !important;
	color: #fff !important;
	border-color: #D2843D !important;
}
.ks-cart-group-actions .button.ks-cart-group-edit:hover {
	background: #C6782F !important;
	border-color: #C6782F !important;
}
.ks-cart-group-actions .button.ks-cart-group-remove {
	background: #fff !important;
	color: #9b2226 !important;
	border-color: #9b2226 !important;
}