/*---------------- globals ----------------*/ 
:root { --product-highlight: #b24932; }

/*---------------- product-pane ----------------*/ 
.product-pane	 						{ width:100%; margin:0; padding:0; font-size:11px; font-family:Tahoma, Arial, Helvetica; 
	a									{ text-decoration:none; 
		&:hover							{ text-decoration:none; }
	}
	.head								{ height:20px; border-bottom:1px solid #bbb; 
		.title							{ color:#444; font-weight:bold; padding:3px 4px; 
			em							{ display:none; }
		}
	}
	.links a							{ color:#444; display:block; padding:2px 4px; font-size:11px; font-family:Tahoma, Arial, Helvetica; text-decoration:none; background-color:#fff; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; 
		&:hover							{ color:#111; background-color:#FFCDCD; text-decoration:none; }
	}
}

/*---------------- item_product ----------------*/ 
.item-product							{ 
	.code::before						{ content:"[#css:code]: "; }
	.brand								{ display:none; 
		&::before						{ content:"by "; }
	}
	.price								{ margin-bottom:0.5em; }
	.price-amount						{ border-radius:3px 3px 3px 3px; font-size:1.5em; font-weight:700; }
	.price-orig							{ color:#E3133B; margin-bottom:0.3em;
		.amount							{ text-decoration: line-through;}
		&.percent						{
			&:before					{ content:'(';}
			&:after						{ content:'% off)';}
			.round0, .round1			{ display:none; }
		}
		&.absolute						{ display:none; }
	}
	.price-rrp							{
		.amount::before					{ content:"[#css:rrp]: "; }
		&.percent						{
			&:before					{ content:'(';}
			&:after						{ content:'% off)';}
			.round1						{ display:none; }
		}
		&.absolute						{ display:none; }
	}
	.pack								{ padding-left:6px; font-size:11px; font-weight:700; 
		&::before						{ content:"/"; }
	}
	.pack-size							{ font-size:11px; font-weight:700; 
		&::before						{ content:" of "; }
	}
	.shop-wrapper div					{ display:inline-flex; }
	.shop-wrapper::before				{ content:"[#css:qty]: "; display:block; margin:5px 0; font-size:11px; }
	.basket-count::after				{ content:" [#css:in.basket]"; }
	.img-wrapper						{ position:relative; }
	.item-details						{ padding-left:20px; }
	h1.pg-title							{ margin-bottom:0.2em; }
	&.on-offer .img-wrapper .img::after,
	&.is-new .img-wrapper .img::after,
	&.on-offer .main-im-link::after,
	&.is-new .main-im-link::after
										{ content:""; position:absolute; height:50px; width:50px; top:0; right:0; background-image:url(/modules/product/media/on_offer_tile.gif); background-position:right top; background-repeat:no-repeat; }
	&.is-new .img-wrapper .img::after,
	&.is-new .main-im-link::after		{ background-image:url(/modules/product/media/is_new.svg) }
	&.price-breaks .action-block .price-break-block
										{ margin:1em 0; }
	&.is-poa .action-block				{ 
		.product-action-form			{ display:none; }
		&:before						{ content:"[#css:poa]"; display:block; font-size:1.2em; }
	}
	.favourites::after					{ content:"[#css:add.favourites]"; }
	a.favourites							{ display:inline-block; }
	.custom-table .row-custom			{ margin:5px 0; }
	.cv-list							{ 
		input							{ width:100%; 
			&[type="checkbox"], &[type="radio"]
										{ width:auto; margin-right:0.5em; }
		}
		select							{ width:100%; }
	}
}
div.item-product						{ 
	.shop-wrapper						{ margin-top:1em; }
	&.stock-over .shop-wrapper, &.hide-shop .shop-wrapper
										{ display:none; }
	.cv-list							{ 
		select							{ width:220px; }
	}
}

/*----------------- action-block -------------------*/ 
.action-block							{ 
	.actions							{ margin:0; }
	.product-action-form				{ position:relative; 
		.shop-wrapper .qty				{ margin-left:0; }
		.button-add						{ font-size:13px; font-weight:700; background:#86ac51; border-radius:0; padding:8px 16px; }
	}
}
.folder-view.folder-product .action-block .price-amount
										{ font-size:1.2em; }
.folder-view .price-breaks .action-block{ 
	.price-break-block					{ position:absolute; bottom:60px; background:#fff; border:1px solid #bbb; padding:10px; display:none; }
	&:hover .price-break-block			{ display:block; }
}

/*----------------- folder-tile -------------------*/ 
.folder-tile.folder-product				{ 
	.item-product.on-offer .img:after,
	.item-product.is-new .img:after		{ content:""; position:absolute; height:50px; width:50px; top:0; right:0; background-image:url(/modules/product/media/on_offer_tile.gif); background-position:right top; background-repeat:no-repeat; }
	.item-product.is-new .img:after		{ background-image:url(/modules/product/media/is_new.svg); }
	li .action-block					{ text-align:center; 
		.quantity-label					{ display:none; }
	}
	&:not(.folder-list)					{ 
		li .action-block .shop-wrapper	{ 
			.qty, &::before				{ display:none; }
		}	
		.stock-over .action-block .shop-wrapper, .hide-shop .action-block .shop-wrapper
										{ display:none; }
	}
	.item-info							{ margin-bottom:0.5em }
}

/*----------------- folder-list -------------------*/ 
.folder-list.folder-product				{
	li .action-block					{ text-align:left; }
	li.price-breaks .action-block .price-break-block
										{ bottom:auto; left:-190px; }
	.item-product .row .columns.folder-details
										{ flex-shrink:0; }
	.stock-over .action-block .shop-wrapper, .hide-shop .action-block .shop-wrapper
										{ display:none; }
}

/*----------------- folder-admin-order -------------------*/ 
.folder-admin-order						{ 
	&.folder-preset-0 .folder-tile		{ margin-right:0; }
	.code								{ color:#777; }
	.pg-body							{ font-size:0.9em; max-height:200px; overflow:auto; }
	.stock-msg							{ margin:10px 0; color:red; }
	.pg-title-list						{ font-size:1.5em; }
	.caption, .stock-img				{ display:none; }
	.folder-list						{ 
		.stock-over .action-block .shop-wrapper, .hide-shop .action-block .shop-wrapper
										{ display:block; }
	}
	.variant-list input.radio-swatch.non-color-swatch + label
										{ width:auto; border-radius:5px; padding:10px; 
		div								{ display:block; text-align:center; white-space:nowrap; 
			> div						{ font-size:14px; line-height:27px; }
		}
	}
	.item-product .is-label				{ font-weight:700; margin-top:20px; }
}

/*---------------- stock control ----------------*/ 
.stock-controlled						{ 
	.stock-msg							{ color:red; }
	.stock-img							{ display:block; position:absolute; top:0; z-index:1; }
	&.stock-in .stock-img				{ display:none; }
	.basket-out-msg						{ color:red; background: #fff7e9 url(/media/icons/warn.svg) no-repeat 4px center; background-size:20px; padding:5px 5px 5px 30px; margin-top:5px }
}

/*---------------- price-break ----------------*/ 
.price-break							{ font-size:11px; 
	table								{ border-collapse:collapse; min-width:160px; 
		td								{ border-top:1px solid #dcdcdc; padding:2px 0; text-align:right; 
			&.c1						{ text-align:left; }
			&.c3						{ display:none; padding-left:6px; }
		}
		tr:first-child	td				{ border-top:none; }

	}
	&.on-offer table td					{ 
		&.c3							{ display:table-cell; color:#E3133B; }
		&.c2							{ text-decoration:line-through; }
	}
	&.on-offer tr.not-on-offer td.c2	{ text-decoration:none; }
	tr.no-qty							{ display:none; }
}

/*---------------- variant-block ----------------*/ 
.variant-block dd						{ margin:5px 0; }
.vat-status								{ font-size:10px; margin-bottom:4px; }
.vat-highlight							{ font-weight:700; font-size:14px; }
.vat-toggle								{ cursor:pointer; 
	&:after								{ display:none; }
	&:before							{ content:'[#css:show.price.inc]'; }
	&:after								{ content:'[#css:show.price.ex]'; }
}
.s_vat_include .vat-toggle				{ 
	&:before							{ display:none; }
	&:after								{ display:block; }
}

/*---------------- qtip-centre ----------------*/ 
.qtip-centre							{ width:auto !important; min-width:0; }

/*Voucher code*/ 
.voucher-block							{ margin-bottom:20px; 
	&.fields-holder .input-container	{ margin-top:0; }
}

/*Voucher code*/ 
.voucher-block #voucher_code			{ padding-left:20px; padding-right:75px; margin-right:-75px; border:1px solid #e3e3e3; height:37px; }
.fields-holder.voucher-block .add-button{ width:75px; height:37px; padding:0; margin-left:-4px; }

/*trolley defaults*/ 
.body-trolley, .body-favourite			{ 
	#main-content-box					{ background:#fff; }
	#body-header						{ display:none; }
}

/*---------------- trolley ----------------*/ 
#trolley								{ box-sizing:border-box; 
	&:after								{ content:''; display:table; clear:both; }
	.table-list							{ 
		th								{ background-image:none; background-color:#fff; color:#444; font-weight:600; border:none; font-size:1em; 
			&:last-of-type				{ padding-right:0; }
			&.col-total::before			{ content:"[#css:subtotal]"; }
		}
		tr								{ border-bottom:2px solid #e3e3e3; 
			&.no-border					{ border:none; }
			&.total						{ border:none; 
				td						{ font-weight:700; font-size:1.2em; 
					&.total-label::before
										{ content:'[#css:total] '; padding-right:10px; }
				}
			}
			&.total-vat					{ border:none; 
				td						{ 
					&.total-label::after{ content:"[#css:of.which.tax]"; }
					&.col-total::after	{ content:")"; }
				}
			}
		}
		td								{ font-size:1em; vertical-align:top; border:none; background:none; padding:5px 0; position:relative; 
			&:nth-of-type(2)			{ padding-left:15px; }
			&.col-image					{ 
				a						{ display:block; min-height:100px; text-align:center; }
				img						{ max-height:180px; max-width:200px; }
			}
			&.col-item					{ 
				.item-info				{ color:#8d8d8d; font-size:0.9em;
					div					{ margin-bottom:0.2em; }
				}
				.code:not(:empty)::before	{ content:'[#css:code]: '; }
				.title					{ display:block; margin-bottom:0.5em; font-size:1.2em; }
				.deposit				{ font-size:1.1em; color:#B01515; }
				.info					{ color:#B01515; }
			}
			.item-thumb					{ display:none; }
		}
	}
	.trolley-qty						{ width:60px; border:1px solid #e3e3e3; text-align:center; margin-bottom:.5em; box-shadow:none; }
	.ajax-event							{ cursor:pointer; font-size:0.9em; color:#8d8d8d; text-decoration:underline; padding-bottom:0.5em; 
		&.delete						{ color:var(--product-highlight); text-decoration:none;}
	}
	.trolley-wrapper					{ clear:both; padding-top:20px;
		.trolley-instructions			{ position:relative; padding:10px 10px 10px 50px; font-size:0.9em; line-height:18px; color:#f33; border:1px solid #e3e3e3; background-color:#fff; background-image:url('/media/admin/info_dot_small.png'); background-repeat:no-repeat; background-position:10px 10px; }
		.delivery-estimator				{ padding:10px 20px; background-color:#f4f4f4; font-size:0.9em; margin-bottom:20px; 
			input						{ width:50%; font-size:1em; }
			div							{ margin-bottom:10px; }
			.title						{ font-weight:700; color:#8d8d8d; }
			.de-list					{ width:100%; border-collapse:collapse; 
				tr						{ border-bottom:1px solid #ddd; 
					&:last-child		{ border-bottom:none; }
					td					{ padding:5px 0; }
					.de-price			{ text-align:right; }
				}
			}
			#de-calculate				{ color:#8d8d8d; text-decoration:underline; cursor:pointer; }
		}
		.secure-checkout				{ float:right; }
	}
	.trolley-msg						{ float:right; text-align:right; color:var(--product-highlight)}
	.no-saved-list .ajax-event.save		{ display:none; }

}

/*---------------- trolley list ----------------*/ 
.trolley-list							{
	&.saved 							{ border-top:2px solid #e3e3e3; padding-top:20px; margin-top:100px; }
	.saved-head  						{ margin-bottom:10px; 
		span							{ font-weight:bold; }
		.delete-all 					{ float:right; }
	}
	&.favourites						{
		.addalltocart 					{ float:right; }
	}
	button.addtocart 					{ position:absolute; right:0; bottom:15px; }
}

#pane-trolley-wrap						{ position:relative; float:right; 
	ul, li								{ margin:0; }
}
.trolley-empty #pane-trolley li			{ color:#ccc; }
#pane-trolley							{ width:auto; overflow:hidden; border:1px solid #E8E8E8; 
	li									{ list-style:none; line-height:25px; float:left; color:#444; margin:0; }
	li.trolley-info						{ padding-left:7px; }
	.trolley-info strong				{ float:left; background-image:url(/modules/product/media/trolley.gif); background-repeat:no-repeat; background-position:left center; padding:0 10px 0 25px; }
	.trolley-checkout div				{ position:absolute; right:0; top:0; bottom:0; width:70px; text-align:center; background-color:#9bc348; color:#fff; padding:2px; }
}

/*in admin*/ 
.dd-menu #pane-trolley					{ width:288px; background-color:#fff; }
.trolley-empty #pane-trolley .trolley-checkout div
										{ background-color:#ccc; }

/*.info-block*/ 
.info-block								{ 
	#pane-trolley-wrapper				{ float:none; margin-top:-15px; }
	#pane-trolley						{ border:none; }
}
.admin-section-nav						{ 
	.info-block ul li					{ line-height:1em; }
	ul .info-block ul					{ padding-left:0; }
}

/*pane-trolley-slidecontent*/ 
#pane-trolley-slidecontent				{ position:absolute; width:300px; z-index:1015; color:#444; right:0; border:1px solid #bbb; background-color:#fff; margin-top:10px; display:none; 
	&:before, &:after					{ content:' '; position:absolute; width:0; height:0; border:12px dashed transparent; font-size:0; bottom:100%; left:50%; }
	&:before							{ border-bottom-style:solid; border-bottom-color:#aaa; margin-left:-12px; }
	&:after								{ border:11px dashed transparent; border-bottom-style:solid; border-bottom-color:#fff; margin-left:-11px; }
	.info-pane							{ padding:15px; position:relative; background-color:#efefef; 
		.summary						{ font-size:16px; height:30px; 
			.trolley-price				{ text-align:right; position:relative; 
				&:before				{ content:'[#css:subtotal]'; display:block; position:absolute; left:0; }
			}
		}
		.links							{ margin:8px 0 0; overflow:hidden; text-align:right; clear:both; 
			button						{ font-size:13px; width:127.5px; }
			.link-basket				{ float:left; }
			.link-checkout				{ float:right; }
		}
		.message						{ margin-top:15px; }
	}
	.items								{ overflow:auto; max-height:40vh; }
	.item								{ margin:15px; clear:both; overflow:hidden; padding-top:15px; border-top:1px solid #ddd; font-size:12px; 
		&.new							{ background-color:#E3E3E3; }
		&:first-child					{ padding-top:0; border-top:none; }
		.col-image						{ float:left; display:block; text-align:center; width:45%; 
			img							{ max-height:140px; max-width:100%; }
		}
		.detail							{ float:right; width:50%; 
			.remove						{ display:block; width:15px; height:15px; float:right; cursor:pointer; background:url(/modules/product/media/crossMark.png) center no-repeat; border:1px solid #b4b4b4; }
			.price						{ margin-bottom:10px; font-weight:bold; }
			.title						{ margin-bottom:10px; }
			.description				{ color:#888; }
			.qty						{ margin-top:10px; font-weight:bold; 
				&:before				{ content:'[#css:qty] '; font-weight:normal; }
			}
		}
	}
}

/*override default style if in side-Cols*/ 
#l-col #pane-trolley-wrapper #pane-trolley-slidecontent
										{ top:0; left:230px; }
#r-col #pane-trolley-wrapper #pane-trolley-slidecontent
										{ top:0; right:230px; }

/*----------------------------------------------------------------
/  MOBILE
-----------------------------------------------------------------*/ 
@media screen and (max-width: 767px)	{ 
	div.item-product .img-wrapper		{ float:'none'; }
	.item-product .item-details			{ margin:0; padding:0; }
	.delivery-estimator					{ float:none; margin-top:0; }
	#trolley							{ 
		.table-list						{ 
			.col-image, .col-price		{ display:none; }
			th							{ 
				&.col-total::before		{ content:"[#css:price]"; }
			}
			td							{ 
				.item-thumb				{ display:block; }
				&:nth-of-type(2)		{ padding-left:8px; padding-right:8px; }
				&.col-item				{ padding-left:0 }
			}
		}
		.wl								{ width:auto; }
		.code-block						{ display:block; }
	}
	.voucher-block						{ position:static; 
		#voucher_code					{ width:100%; }
	}
	.trolley-wrapper .button-wrapper	{ 
		.fields-holder					{ width:100%; }
		input							{ font-size:0.9em; padding:10px 5px; }
	}
	.checkout .order-input .pane		{ margin-left:0px !important; }
}