/* Split cart UI (AF-ECO-26) and the Amazon compliance lines it sits beside, ported from Tailwind Plus */
/* (TWP-E3; mapping: packages/site-authoring/docs/commerce-skin-twp.md). */
/* Group card  = the "Order summary" section of ecommerce/components/shopping-carts */
/* 01-two-column-with-quantity-dropdown.html (sha256 a19d7d3e...0414fc): */
/* section rounded-lg bg-gray-50 px-4 py-6 sm:p-6 lg:p-8 > h2 text-lg font-medium text-gray-900 */
/* > dl mt-6 (dt text-sm text-gray-600, dd text-sm font-medium text-gray-900) */
/* > button mt-6 w-full rounded-md bg-indigo-600 px-4 py-3 text-base font-medium text-white shadow-xs. */
/* Mini panel  = the footer rows of ecommerce/components/shopping-carts/04-drawer.html (sha256 a8fefcb1...d47434): */
/* border-gray-200 py-6 rows, note mt-0.5 text-sm text-gray-500. */
/* Line badge  = the per-line metadata row of source 01 (mt-1 text-sm text-gray-500). */
/* Notice      = application-ui alert (rounded-md bg-yellow-50 p-4 text-sm text-yellow-700); the ecommerce */
/* archive has no alert. */
/* Colours are the site look tokens (indigo -> brand, gray -> neutral) with neutral fallbacks, so the */
/* stylesheet also reads on themes that have no look (Kava, Superio). No important flags; every selector is ours. */
.bld-split-panel,
.bld-badge.bld-badge--amazon,
.bld-amz-purchase-notice,
.bld-amz-seller,
.bld-price-asof,
.bld-price-disclaimer,
.bld-amz-price-disclaimer,
.bld-amz-associate-statement,
.bld-amazon-total,
a.bld-amazon-checkout,
a.bld-amazon-resume {
	--bld-n-50: var(--buildolia-neutral-50, oklch(98.5% 0.002 247.839));
	--bld-n-200: var(--buildolia-neutral-200, oklch(92.8% 0.006 264.531));
	--bld-n-500: var(--buildolia-neutral-500, oklch(55.1% 0.027 264.364));
	--bld-n-600: var(--buildolia-neutral-600, oklch(44.6% 0.03 256.802));
	--bld-n-700: var(--buildolia-neutral-700, oklch(37.3% 0.034 259.733));
	--bld-n-900: var(--buildolia-neutral-900, oklch(21% 0.034 264.665));
	--bld-b-500: var(--buildolia-brand-500, var(--wd-primary-color, var(--bld-n-900)));
	--bld-b-600: var(--buildolia-brand-600, var(--wd-primary-color, var(--bld-n-900)));
	--bld-b-700: var(--buildolia-brand-700, var(--bld-b-600));
	--bld-b-on-600: var(--buildolia-brand-on-600, #fff);
	--bld-warn-bg: var(--buildolia-warning-subtle, oklch(98.7% 0.026 102.212));
	--bld-warn-ink: var(--buildolia-warning-text, oklch(55.4% 0.135 66.442));
}

/* ---- group cards ------------------------------------------------------------------------------------ */

.bld-split-panel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	align-items: start;
	gap: 1.5rem;
	margin: 0 0 2.5rem;
	clear: both;
}

.bld-split-panel .bld-split-panel__group {
	min-width: 0;
	margin: 0;
	padding: 1.5rem 1rem;
	border: 0;
	border-radius: 0.5rem;
	background: var(--bld-n-50);
	box-sizing: border-box;
}

.bld-split-panel .bld-split-panel__title {
	margin: 0;
	color: var(--bld-n-900);
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75rem;
	letter-spacing: normal;
	text-transform: none;
}

.bld-split-panel .bld-split-panel__summary {
	margin: 1.5rem 0 0;
	padding: 0;
}

.bld-split-panel .bld-split-panel__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.bld-split-panel .bld-split-panel__row dt,
.bld-split-panel .bld-split-panel__count {
	margin: 0;
	color: var(--bld-n-600);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
}

.bld-split-panel .bld-split-panel__count {
	margin-top: 1.5rem;
}

.bld-split-panel .bld-split-panel__row dd {
	margin: 0;
	color: var(--bld-n-900);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-align: end;
}

.bld-split-panel .bld-split-panel__delivery,
.bld-split-panel .bld-split-panel__price-note {
	margin: 0.125rem 0 0;
	color: var(--bld-n-500);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
}

.bld-split-panel .bld-split-panel__summary + .bld-split-panel__delivery,
.bld-split-panel .bld-split-panel__count + .bld-split-panel__delivery {
	margin-top: 1rem;
}

.bld-split-panel .bld-split-panel__notice {
	margin: 1rem 0 0;
	padding: 1rem;
	border: 0;
	border-radius: 0.375rem;
	background: var(--bld-warn-bg);
	color: var(--bld-warn-ink);
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.bld-split-panel .bld-split-panel__group a.bld-amazon-checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	margin: 1.5rem 0 0;
	padding: 0.75rem 1rem;
	border: 1px solid transparent;
	border-radius: 0.375rem;
	background: var(--bld-b-600);
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	color: var(--bld-b-on-600);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	letter-spacing: normal;
	text-align: center;
	text-decoration: none;
	text-transform: none;
}

.bld-split-panel .bld-split-panel__group a.bld-amazon-checkout:hover {
	background: var(--bld-b-700);
	color: var(--bld-b-on-600);
}

.bld-split-panel .bld-split-panel__group a.bld-amazon-checkout:focus-visible {
	outline: 2px solid transparent;
	box-shadow: 0 0 0 2px var(--bld-n-50), 0 0 0 4px var(--bld-b-500);
}

.bld-split-panel a.bld-amazon-resume {
	display: block;
	margin-top: 1.5rem;
	color: var(--bld-b-600);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-align: center;
	text-decoration: none;
}

.bld-split-panel a.bld-amazon-resume:hover {
	color: var(--bld-b-500);
}

@media (min-width: 640px) {
	.bld-split-panel .bld-split-panel__group {
		padding: 1.5rem;
	}
}

@media (min-width: 1024px) {
	.bld-split-panel .bld-split-panel__group {
		padding: 2rem;
	}
}

/* ---- mini cart (side cart / dropdown): drawer footer rows ---------------------------------------- */

.bld-split-panel.bld-split-panel--mini {
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	margin: 0;
}

.bld-split-panel.bld-split-panel--mini .bld-split-panel__group {
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--bld-n-200);
	border-radius: 0;
	background: transparent;
}

.bld-split-panel.bld-split-panel--mini .bld-split-panel__group:first-child {
	padding-top: 0;
}

.bld-split-panel.bld-split-panel--mini .bld-split-panel__title {
	font-size: 1rem;
	line-height: 1.5rem;
}

.bld-split-panel.bld-split-panel--mini .bld-split-panel__summary,
.bld-split-panel.bld-split-panel--mini .bld-split-panel__count {
	margin-top: 0.25rem;
}

.bld-split-panel.bld-split-panel--mini .bld-split-panel__summary + .bld-split-panel__delivery,
.bld-split-panel.bld-split-panel--mini .bld-split-panel__count + .bld-split-panel__delivery {
	margin-top: 0.125rem;
}

/* ---- per-line badge and the Amazon compliance lines ---------------------------------------------- */

.bld-badge.bld-badge--amazon {
	display: block;
	margin: 0.25rem 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--bld-n-500);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: normal;
	text-transform: none;
	white-space: normal;
}

.bld-amz-purchase-notice {
	margin: 0.5rem 0 1rem;
	color: var(--bld-n-500);
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.bld-amz-purchase-notice p {
	margin: 0;
}

/* "Sold and shipped by Amazon" (UK DMCC/CPUTR material information): small, muted, under the buy box. */
p.bld-amz-seller {
	margin: 0.5rem 0 1rem;
	color: var(--bld-n-500);
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1rem;
}

p.bld-amz-view {
	margin: 0.5rem 0 1rem;
}

.bld-amz-price .bld-price-asof,
.bld-amz-price .bld-price-disclaimer {
	color: var(--bld-n-500);
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1rem;
	letter-spacing: normal;
	text-transform: none;
	white-space: normal;
}

p.bld-amz-associate-statement,
p.bld-amz-price-disclaimer {
	margin: 1rem 0;
	color: var(--bld-n-500);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
}

/* ---- totals row + buttons beside Woo's own (layout only: the theme or the commerce skin colours them) - */

.cart_totals .bld-amazon-total th,
.cart_totals .bld-amazon-total td {
	font-weight: inherit;
}

.cart_totals a.bld-amazon-checkout.checkout-button,
.woocommerce-mini-cart__buttons a.bld-amazon-checkout {
	display: block;
	box-sizing: border-box;
	margin-bottom: 0.75rem;
	text-align: center;
}