/* Checkout, receipt page and thank-you additions to rk.css (docs/04 §H). rk.css already has .co, .step, .osum,
   .oline, .pay-box, .pay-btn, .terms, .co-done, .co-hdr and .co-ftr. Also loaded on the cart page for the notices. */

/* WooCommerce notices (its stylesheet is not loaded, docs/06 §2) in the .notice look. */
.woocommerce-error, .woocommerce-message, .woocommerce-info {
  display: grid; gap: var(--space-2); margin: 0 0 var(--space-5); padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-media); background: var(--color-surface); font-size: var(--fs-sm); list-style: none;
}
.woocommerce-error { background: var(--color-alert-soft); color: var(--color-alert-ink); }
.woocommerce-message { background: var(--color-offer-soft); color: var(--color-offer-ink); }
.woocommerce-error a, .woocommerce-message a, .woocommerce-info a { text-decoration: underline; text-underline-offset: 0.2em; }

/* Error summary at the top of the open step (focused after a server error). */
.err-sum { display: grid; gap: var(--space-2); margin-bottom: var(--space-5); }
.err-sum p { font-weight: var(--fw-medium); }
.err-sum ul { display: grid; gap: var(--space-1); padding-left: var(--space-5); list-style: disc; }
.err-sum a { text-decoration: underline; text-underline-offset: 0.2em; }

/* Razorpay plugin output on the receipt page (styled, never forked): its intro is emptied, its buttons get our classes. */
.pay-box__gateway { display: grid; gap: var(--space-3); }
.pay-box__gateway > p:empty { display: none; }
.pay-box__gateway > p { display: grid; gap: var(--space-3); margin: 0; }
.pay-box__gateway #msg-razorpay-success { padding: var(--space-3) var(--space-4); border-radius: var(--radius-media); background: var(--color-surface); font-size: var(--fs-sm); }

/* Set a password (thank-you page). */
.co-account { display: grid; gap: var(--space-4); max-width: 32rem; margin-top: var(--space-10); padding: var(--space-6); border-radius: var(--radius-media); background: var(--color-surface); }
.co-account__form { display: grid; gap: var(--space-4); }

/* Former inline styles (docs/10 §1). */
.brand--start { justify-items: start; }
.co-hdr__help .co-hdr__phone { font-weight: var(--fw-regular); }
.osum__toggle-total { display: flex; gap: var(--space-2); align-items: center; }
.summary__rows--full { width: 100%; }
.done__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* WooCommerce wraps the summary lines and rows in .woocommerce-checkout-review-order-table (refreshed by AJAX): keep the .osum__inner spacing. */
.osum__inner > .woocommerce-checkout-review-order-table { display: grid; gap: var(--space-6); }

/* Fixes for rk.css rules (rk.css stays identical to design/reference-css): fields in a .grid2 row keep their input at
   the top when a neighbour has a hint; the checkout footer policy links wrap on phones (RK-38 local run). */
.field { align-content: start; }
.co-ftr nav { flex-wrap: wrap; row-gap: var(--space-2); }