.bwb-crosssell {
	margin: 16px 0;
}

.bwb-crosssell-title {
	margin: 0 0 10px 0;
	font-size: 18px;
}

.bwb-crosssell-manual {
	border: 1px solid #eae8e8;
	padding: 12px;
	border-radius: 8px;
	--bwb-accent: #1a69cb;
	margin-bottom: 12px;
}


.bwb-crosssell-header {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

.bwb-crosssell-items {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.bwb-crosssell-main, .bwb-crosssell-recos {
	flex: 1;
	position: relative;
}

.bwb-crosssell-summary {
	/*padding-left: 10px;*/
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	width: 25%;
}

.bwb-crosssell-summary .bwb-crosssell-total .label
{
	text-align: center !important;
}

.bwb-crosssell-summary .bwb-crosssell-total .value
{
	text-align: center;
	font-size: 22px;
	margin-top: 10px;
	color: black;
	margin-bottom: 10px;
	font-weight: bold;
}

.bwb-crosssell-summary .bwb-crosssell-add, .bwb-crosssell-summary .btn-primary
{
	display: flex;
	align-content: center;
	align-items: center;
	line-height: 17px !important;
}

.bwb-crosssell-link {
	text-decoration: none;
	color: inherit;
	display: block;
	text-align: center;
}

.bwb-crosssell-link i {
	font-size: 24px;
	align-self: center;
}

.bwb-crosssell-link img {
	min-width: 50px;
	height: 190px;
	/*display: block;*/
}

.bwb-crosssell-item {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 0px 8px;
	margin-bottom: 8px;
}

.bwb-crosssell-item .bwb-crosssell-name, .bwb-crosssell-main .bwb-crosssell-name
{
	min-height: 80px;
}

.bwb-crosssell-qty {
	font-weight: 600;
	margin-top: 6px;
}

.bwb-crosssell-summary .bwb-crosssell-total {
	margin-bottom: 10px;
}

.bwb-crosssell-add {
	background: var(--bwb-accent);
	border-color: var(--bwb-accent);
}

.bwb-crosssell-algo {
	margin-top: 16px;
	/*border: 1px dashed #ddd;*/
	/*padding: 12px;*/
	border-radius: 8px;
}

.bwb-crosssell-items .bwb-crosssell-price
{
	font-weight: bold;
	margin-top: 2px;
	text-align: center;
	font-size: 18px;
}

.bwb-crosssell-items
{
	transition: all 0.5s ease-in-out;

}

.bwb-crosssell-items:hover {
	background: linear-gradient(
		to right,
		#ffffff 0%,
		#ffffff 40%,
		rgba(242, 155, 92, 0.35) 100%
	);
}


/* Display next to the price */
.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-main,
.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-summary,
.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-header-inner
{
	display:none;
}

.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo']  .bwb-crosssell-manual
{
	padding: 0px;
}

.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-item
{
	flex: 1;
	display: flex;
	align-items: center;
	padding: 3px;
	margin-bottom: 0px;
}

.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-item .bwb-crosssell-name
{
	display: flex;
	align-items: center;
	flex: 1;
	padding: 5px;
}
.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-item .bwb-crosssell-meta
{
	width: 150px;
	font-weight: normal;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: space-evenly;
	align-items: center;
}

.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] label
{
	margin-bottom: 0px !important;
}

.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-items
{
	transition: background 1s ease, color 1s ease;
}

.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-items:hover {
	background: linear-gradient(
		to right,
		#ffffff 0%,
		#ffffff 40%,
		rgba(242, 155, 92, 0.35) 100%
	);
}


/* Checkbox UI hidden by default */
.bwb-crosssell-add-checkbox {
	display: none;
	align-items: center;
	gap: 8px;
	font-weight: 600;
}

.bwb-crosssell-add-checkbox input[type="checkbox"] {
	width: 18px;
	height: 18px;

}

.bwb-crosssell-price-inline {
	font-weight: 700;
}

/* In displayPaymentinfo: hide default summary (total + button), show checkbox */
.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-summary-default {
	display: none;
}

.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-add-checkbox {
	display: flex;
	justify-content: right;
	padding: 5px;
	margin-right: 15px;
	position: absolute;
	margin-top: -40px;
	right: -9px;
	background-color: #ff5c00;
	color: white;
	border-radius: 5px;
	font-weight: normal;
}


/* Paymentinfo: compact visuals */
.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-link img {
	height: 100px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

/* *************** */
/* Display Rules in Recommended Tabs */
.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-algo-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-algo-content > .bwb-crosssell-header {
	grid-column: 1 / -1;
}

.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-items,
.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-manual
{
	transition: all 0.5s ease-in-out;
}


.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-items:hover
{
	background: none !important;
}

.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-manual
{
}

.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-manual:hover
{
	border: 1px solid #ff5c00;
}



.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-meta
{
	text-align: center;
}

.bwb-crosssell-algo[data-bwb-display-type='displayProductExtraContent'] .bwb-crosssell-summary-default
{
	margin: auto;
}



/* RESPONSIVE */
@media (max-width: 991px) {
	.bwb-crosssell-algo[data-bwb-display-type='displayPaymentinfo'] .bwb-crosssell-add-checkbox {
		display: block;
		padding: 5px;
		margin-right: 15px;
	}

	.bwb-crosssell-algo[data-bwb-display-type="displayPaymentinfo"] .bwb-crosssell-item {
		flex-direction: column;
	}


	.bwb-crosssell-items:hover {
		background: linear-gradient(
			to bottom,
			#ffffff 0%,
			#ffffff 40%,
			rgba(242, 155, 92, 0.35) 100%
		);
		transition: background 0.3s ease, color 0.3s ease;
	}
}