/* SV Cart — the one hand-written stylesheet.
 *
 * The four other asset files are the snippets' own CSS and JS, byte for byte.
 * This file holds what those two could not: the FREE marker on a gift line
 * (styled by SV Sale Engine's stylesheet, so it would fall back to plain body
 * text if that plugin were ever switched off), and the remove-button fix
 * below. Every selector is scoped inside a cart line or under .vc-page, so
 * nothing here can reach the engine's own badges or modals.
 */

/* ---------------------------------------------------------------------------
 * One trash icon per row, not two.
 *
 * The cart page renders two remove buttons per line — one at the end of the
 * name row for mobile, one in the side column for desktop — and hides
 * whichever does not belong, with `.vc-remove--m { display: none }` in
 * page.css. On this site that rule loses: something in the theme's cascade
 * sets buttons to display:block with enough weight to beat a single class, so
 * both buttons show and the trash icons also lose their colour.
 *
 * Verified in a clean browser session at 980px and at 1440px, on the live
 * cart, with page.css confirmed loaded — so this is not a regression from the
 * port. The same markup and the same stylesheet were in the snippets, which
 * means the cart page has been showing two trash icons per row all along.
 *
 * Stated with !important rather than chased through the theme, matching the
 * pattern the rest of these stylesheets already use for exactly this reason.
 * ------------------------------------------------------------------------- */

.vc-page .vc-remove {
	display: inline-flex !important;
	color: #8B7B6C !important;
}

.vc-page .vc-remove:hover,
.vc-page .vc-remove:focus {
	color: #772613 !important;
}

/* Desktop: the side column owns the remove button. */
.vc-page .vc-remove--m {
	display: none !important;
}

/* Mobile: the name row owns it, and page.css hides the side column. */
@media (max-width: 767px) {
	.vc-page .vc-remove--m {
		display: inline-flex !important;
		padding: 2px;
	}
	.vc-page .vc-line__side {
		display: none !important;
	}
}

.vsc-line__price .sv-free-tag,
.vc-line__price .sv-free-tag {
	font: 700 14px Poppins, system-ui, sans-serif;
	color: #772613;
	letter-spacing: .3px;
}

.vc-line__price .sv-free-tag {
	font-size: 19px;
}

.vc-line__total .sv-free-tag {
	font: 900 14px Lato, system-ui, sans-serif;
	color: #2A1A12;
}

/* The gift is not something the customer chose, so its row sits slightly
 * apart rather than reading as another line item. */
.vsc-line.is-gift,
.vc-line.is-gift {
	position: relative;
}

.vc-line.is-gift {
	border-color: #C68A3E;
}