/* Cart page. The WooCommerce wrapper is laid out as a grid. */

.nt-wc-page { padding-top: 40px; padding-bottom: 88px; }

.woocommerce-cart .nt-wc-content > .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	grid-template-areas: "notices notices" "title title" "form summary";
	gap: 0 40px;
	align-items: start;
}
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper { grid-area: notices; }
.woocommerce-cart .woocommerce > .nt-page-title { grid-area: title; }
.woocommerce-cart .woocommerce > .woocommerce-cart-form { grid-area: form; min-width: 0; }
.woocommerce-cart .woocommerce > .cart-collaterals { grid-area: summary; position: sticky; top: calc(var(--nt-header-h) + 20px); }
.woocommerce-cart .woocommerce > .nt-cart-empty { grid-column: 1 / -1; }

.nt-cart-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--nt-border); }
.nt-cart-item {
	display: grid; grid-template-columns: 104px minmax(0, 1fr) auto; gap: 20px; align-items: start;
	padding: 22px 0; border-bottom: 1px solid var(--nt-border);
}
.nt-cart-item__thumb a, .nt-cart-item__thumb > img, .nt-cart-item__thumb > svg { display: block; }
.nt-cart-item__thumb img, .nt-cart-item__thumb svg {
	width: 104px; height: 104px; object-fit: cover; border-radius: 14px; background: var(--nt-light);
}
.nt-cart-item__thumb .nt-bottle { filter: none; padding: 6px; }
.nt-cart-item__name { margin: 0 0 4px; font-family: var(--nt-font-head); font-weight: 700; font-size: 17px; }
.nt-cart-item__name a { color: var(--nt-navy); text-decoration: none; }
.nt-cart-item__name a:hover { color: var(--nt-blue); }
.nt-cart-item__meta { margin: 0 0 14px; font-size: 15px; color: var(--nt-muted); }
.nt-cart-item__controls { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.nt-cart-item__controls .remove { display: inline-flex; align-items: center; min-height: 44px; }
.nt-cart-item__total { font-family: var(--nt-font-head); font-weight: 700; font-size: 18px; color: var(--nt-navy); white-space: nowrap; }
.nt-cart-form__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 20px; }
.nt-cart-form__actions .nt-link-arrow--back { margin: 0; }
.nt-cart-update[disabled] { display: none; }
.js .nt-cart-update { display: none; }

.nt-summary {
	background: var(--nt-surface); border: 1px solid var(--nt-border); border-radius: 18px; padding: 24px;
}
.nt-summary__title { font-size: 19px; margin: 0 0 12px; }
.nt-summary .wc-proceed-to-checkout { margin: 4px 0 20px; }
.nt-summary__list { margin: 0; }
.nt-summary__list li { font-size: 15px; }
.nt-summary__list strong { color: var(--nt-navy); font-family: var(--nt-font-head); font-weight: 600; }

.blockUI.blockOverlay { background: rgba(255, 255, 255, .6) !important; }

/* Empty cart */
.nt-cart-empty__box {
	text-align: center; padding: 56px 24px; border: 1px solid var(--nt-border); border-radius: 22px; background: var(--nt-surface);
}
.nt-cart-empty__box .nt-icon-tile { margin: 0 auto 16px; }
.nt-cart-empty__text { font-family: var(--nt-font-head); font-weight: 600; font-size: 20px; color: var(--nt-navy); }

@media (max-width: 980px) {
	.woocommerce-cart .nt-wc-content > .woocommerce { grid-template-columns: 1fr; grid-template-areas: "notices" "title" "form" "summary"; }
	.woocommerce-cart .woocommerce > .cart-collaterals { position: static; margin-top: 24px; }
}
@media (max-width: 860px) {
	.nt-wc-page { padding-top: 24px; padding-bottom: 48px; }
	.nt-cart-item { grid-template-columns: 76px minmax(0, 1fr); gap: 14px; }
	.nt-cart-item__thumb img, .nt-cart-item__thumb svg { width: 76px; height: 76px; }
	.nt-cart-item__total { grid-column: 2; }
	.nt-summary { padding: 20px; }
	.nt-cart-empty__box { padding: 40px 18px; }
}