/**
 * @version 02.11.2023
 *
 * mobile/shopcart/styles.r.2-tablet.css
 *
 * Skin "mobile"
 */
/*
html.development div {

}
*/

section.toolbar ul.shopcart > li.import,
section.toolbar ul.shopcart > li.export {
	display: none;
}


/** the shopcart table **/
table.shopcart-editable .col-availability,
table.shopcart-editable .col-article-thumbnail,
table.shopcart-editable .col-article-number {
    display: none;
}

table.shopcart-editable .col-article-name div.availability-number {
    display: block;
}

table.shopcart-editable .col-desired-date,
table.shopcart-editable .col-price-item {
    display: none;
}

table.shopcart-editable .ui-spinner input.count {
	width: 58%;
}

/** .shopcart-total-grid **/
@media (max-width: 670px) {
	.shopcart-total-grid {
		display: grid;
		grid-template-areas:
		 "prices-total"
		 "wizard"
		 "toolbar";
	}

	/** buttons **/
	section.toolbar.shopcart.base > ul.count-2 > li {
		margin: 0;
	}
	section.toolbar.shopcart.base > ul.count-2 > li > * {
		width: 100%;
	}
	section.toolbar.shopcart.base > ul.count-2 > li.col-1 {
		width: 68%;
	}
	section.toolbar.shopcart.base > ul.count-2 > li.col-2 {
		width: 31%;
		float: right;
		text-align: right;
	}
}

/** shopcart-articlesPriceTotal **/
/*
div.shopcart-articlesPriceTotal {

}

div.shopcart-articlesPriceTotal ul.table-2-cols {

}
*/

div.shopcart-articlesPriceTotal ul.table-2-cols > li.label {
	width: 60%;

}
div.shopcart-articlesPriceTotal ul.table-2-cols > li.label:AFTER {
	content: ':';
}

div.shopcart-articlesPriceTotal ul.table-2-cols > li.value {
	width: 40%;
}

/** saved shopcarts **/
div.saved-shopcart-container table.saved-shopcart .col-article-number {
	display: none;
}
div.saved-shopcart-container table.saved-shopcart td.col-article-name {
	line-height: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div.saved-shopcart-container table.saved-shopcart .col-article-name > .availability-number {
	display: block;
}

.saved-shopcart-container div.shopcart-articlesPriceTotal > .col-1 {
	width: 100%;
}

@media (max-width: 700px) {
	.saved-shopcart-container div.shopcart-articlesPriceTotal > .col-1 li,
	.saved-shopcart-container div.shopcart-articlesPriceTotal > .col-1 button {
		width: 100%;
	}
}
div.saved-shopcart-container div.shopcart-articlesPriceTotal > .col-2 {
	width: 100%;
	padding-right: 0px;
}