/* Payment result card — uses the theme's --ks-* tokens when present. */
.kbh-result { max-width: 640px; margin: 8px auto 32px; padding: clamp(24px, 5vw, 40px); text-align: center; border-radius: calc(var(--ks-radius, 14px) * 1.6); border: 1px solid var(--ks-border, #e7e9ee); background: var(--ks-bg, #fff); box-shadow: 0 12px 40px rgba(16, 24, 40, .07); }
.kbh-result__icon { display: inline-grid; place-items: center; width: 84px; height: 84px; margin-bottom: 14px; border-radius: 50%; }
.kbh-result--success .kbh-result__icon { background: #e8f8ee; color: #16a34a; animation: kbh-pop .45s cubic-bezier(.2, .8, .3, 1.4); }
.kbh-result--failed .kbh-result__icon { background: #fdecec; color: #dc2626; }
.kbh-result--pending .kbh-result__icon { background: #fff6e0; color: #b7791f; }
.kbh-result__title { margin: 0 0 8px; font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem); }
.kbh-result__text { margin: 0 auto 16px; max-width: 480px; color: var(--ks-muted, #6b7280); line-height: 2; }
.kbh-result__text strong { color: var(--ks-text, #1d2433); }
.kbh-badge { display: inline-block; margin: 0 0 20px; padding: 8px 16px; border-radius: 999px; font-size: .88rem; font-weight: 700; }
.kbh-badge--ok { background: #e8f8ee; color: #15803d; }
.kbh-badge--wait { background: #fff6e0; color: #92600a; }
.kbh-result__cta { width: 100%; max-width: 360px; }
.kbh-result__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
@keyframes kbh-pop { from { transform: scale(.4); opacity: 0; } }

/* WooCommerce's own failed-payment text would repeat what the card says. */
.kbh-has-result .woocommerce-thankyou-order-failed, .kbh-has-result .woocommerce-thankyou-order-failed-actions, .kbh-has-result .woocommerce-notice--success.woocommerce-thankyou-order-received:empty { display: none; }
.kbh-has-result ul.woocommerce-order-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
.kbh-has-result ul.woocommerce-order-overview li { margin: 0; padding: 12px 14px; border: 1px solid var(--ks-border, #e7e9ee) !important; border-radius: var(--ks-radius, 14px); font-size: .78rem; color: var(--ks-muted, #6b7280); text-transform: none; }
.kbh-has-result ul.woocommerce-order-overview li strong { display: block; margin-top: 2px; font-size: .95rem; color: var(--ks-text, #1d2433); }
.kbh-has-result ul.woocommerce-order-overview::before, .kbh-has-result ul.woocommerce-order-overview::after { display: none; }