/* Пометка и группировка наборов на странице корзины */

.kb-cart-group td {
	background: #fdf3f7;
	border-top: 2px solid #e05a8a !important;
	padding: 10px 14px !important;
	vertical-align: middle;
}

.kb-cart-group strong {
	font-size: 15px;
	margin-right: 10px;
}

.kb-cart-group-info {
	color: #8a8a8a;
	font-size: 13px;
}

.kb-cart-group-actions {
	float: right;
	font-size: 13px;
}

.kb-cart-group-actions a {
	margin-left: 14px;
	white-space: nowrap;
}

.kb-cart-group-remove {
	color: #c0392b;
}

/* Подсветка фоном работает при любой вёрстке — в том числе когда тема
   на мобильном перестраивает таблицу в карточки и первой ячейки уже нет */
.kb-cart-item > td {
	background: #fffafc;
}

.kb-cart-item > td:first-child {
	box-shadow: inset 3px 0 0 #e05a8a;
}

@media (max-width: 767px) {
	/* Таблица корзины на телефоне прокручивается вбок: полоска у первой ячейки
	   уезжает из виду. Поэтому метим каждую ячейку тонкой полосой — метка
	   видна при любом положении прокрутки, а фон подсвечивает строку целиком */
	.kb-cart-item > td {
		box-shadow: inset 2px 0 0 #e05a8a;
	}

	.kb-cart-item > td:first-child {
		box-shadow: inset 3px 0 0 #e05a8a;
	}

	.kb-cart-group td {
		white-space: normal;
	}
}

.kb-cart-gift {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 8px;
	border-radius: 10px;
	background: #edf9ed;
	border: 1px solid #c6e6c6;
	color: #2f6b32;
	font-size: 11px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.kb-cart-group-actions {
		float: none;
		display: block;
		margin-top: 6px;
	}

	.kb-cart-group-actions a:first-child {
		margin-left: 0;
	}
}