/*
 * Commerce track: the draft-order invoice note above the cart, the drawer and checkout (look B: the dark panel with the logo's
 * sky checker). Loaded on every storefront page because the drawer can open anywhere. The connector writes the markup
 * (`hrdsc-inv`); PC\Commerce\Invoice_View adds `pc-inv` and the checker.
 */

.hrdsc-inv { display: grid; gap: var(--pc-space-3); margin: 0 0 var(--pc-space-6); padding: var(--pc-space-6); background: var(--pc-color-ink); color: var(--pc-color-inverse); }
.hrdsc-inv p { margin: 0; }
.hrdsc-inv__k { color: var(--pc-color-sky); font-size: var(--pc-text-xs); font-weight: var(--pc-weight-bold); line-height: var(--pc-leading-compact); letter-spacing: var(--pc-tracking-label); text-transform: uppercase; }
.hrdsc-inv__m { font-size: var(--pc-text-md); line-height: var(--pc-leading-body); overflow-wrap: anywhere; }
.hrdsc-inv__s { color: var(--pc-color-inverse-muted); font-size: var(--pc-text-sm); line-height: var(--pc-leading-body); }
.hrdsc-inv__s a { color: var(--pc-color-inverse); text-decoration: underline; text-underline-offset: 0.2em; }
.hrdsc-inv__s a:focus-visible { outline-color: var(--pc-color-focus-inverse); }
.pc-inv__check { display: block; width: 2.25rem; height: 0.75rem; background: url("../../images/email/podium-checker-sky.png") 0 0 / 100% 100% no-repeat; }

/* The note sits in a narrower column in the drawer. */
.pc-cart-drawer .hrdsc-inv { margin-bottom: var(--pc-space-4); padding: var(--pc-space-5); }
.pc-cart-drawer .hrdsc-inv__m { font-size: var(--pc-text-base); }

/* An invoice's discounts are set by the store: no code field or chip remover at checkout. The connector refuses extra codes either way. */
.hrdsc-inv ~ * .wc-block-components-totals-coupon,
.hrdsc-inv ~ * .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.hrdsc-inv ~ * .wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove { display: none; }

@media (max-width: 600px) {
	.hrdsc-inv { padding: var(--pc-space-5); }
}