/**
 * Checkout notice styling.
 *
 * Lives in a real enqueued stylesheet rather than the Oxygen element's
 * defaultCSS(): that output is baked into Oxygen's cached CSS
 * (wp-content/uploads/oxygen/css/<id>.css) and a code deploy does NOT
 * regenerate it, so styles added there silently do not ship. Verified on
 * staging 2026-09-15 — the cached file still had the base class and none of
 * the modifier, and the notice rendered with the red alert styling.
 */

/* Doubled class on purpose: the base .supreme-bc-checkout-error lives in
   Oxygen's cached stylesheet, and we cannot rely on our file loading after
   it. Two classes outrank that single-class rule whatever the order, which
   avoids !important. */
.supreme-bc-checkout-error.supreme-bc-checkout-error--notice {
    background-color: #fff;
    border-color: #d9dce1;
    color: inherit;
    text-align: center;
}

.supreme-bc-checkout-error.supreme-bc-checkout-error--notice h3 {
    margin-top: 0;
}

.supreme-bc-checkout-error__actions {
    margin-top: 1.25rem;
}

.supreme-bc-checkout-error__help {
    margin-top: 1rem;
    font-size: 0.875rem;
}