/* The pages of this site's own that SignSealer draws in the theme: signing before payment, an order's details, and "before you sign". Scoped to the plugin's classes, in the theme's colours and type where it has them. */
.signsealer-presign{--ss-ink:var(--wp--preset--color--contrast,#1e1e1e);--ss-muted:color-mix(in srgb,var(--ss-ink) 62%,transparent);--ss-line:color-mix(in srgb,var(--ss-ink) 14%,transparent);--ss-card:var(--wp--preset--color--base,#fff);max-width:880px;margin:0 auto;padding:40px 20px 72px;box-sizing:border-box}
.signsealer-presign h1{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem);line-height:1.15;margin:0 0 .4em}
.signsealer-presign h2{font-size:1.35rem;line-height:1.3;margin:0 0 .35em}
.signsealer-optional{font-weight:400;color:var(--ss-muted)}
.signsealer-presign-lead{color:var(--ss-muted);margin:0 0 28px;font-size:1.05rem}
.signsealer-presign-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px}
.signsealer-presign-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--ss-line);border-radius:10px;background:var(--ss-card)}
.signsealer-presign-status{flex:none;font-size:.85rem;font-weight:600;padding:3px 12px;border-radius:999px;background:#fff4e0;color:#8a4a00}
.signsealer-presign-list li.is-signed .signsealer-presign-status{background:#e5f5ea;color:#1c6b37}
.signsealer-presign-card{border:1px solid var(--ss-line);border-radius:14px;padding:28px;background:var(--ss-card);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}
.signsealer-presign-card p{margin:0 0 18px}
.signsealer-presign-card .signsealer-presign-hint{color:var(--ss-muted)}
.signsealer-presign-field{margin:0 0 18px;max-width:440px}
.signsealer-presign-field label{display:block;font-weight:600;font-size:.95rem;margin:0 0 6px}
.signsealer-presign-field input{display:block;width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;color:inherit;background:var(--ss-card);border:1px solid color-mix(in srgb,var(--ss-ink) 30%,transparent);border-radius:8px}
.signsealer-presign-field input:focus{outline:2px solid var(--ss-ink);outline-offset:1px;border-color:transparent}
.signsealer-presign .wp-element-button,.signsealer-presign .button{display:inline-block;cursor:pointer;text-decoration:none;font:inherit;font-weight:600;padding:13px 26px;border-radius:8px;border:1px solid var(--ss-ink);background:var(--ss-ink);color:var(--ss-card)}
.signsealer-presign .button.is-quiet{background:transparent;color:var(--ss-ink)}
.signsealer-presign-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px}
.signsealer-presign-frame{display:block;width:100%;min-height:900px;border:1px solid var(--ss-line);border-radius:10px;background:#fff}
.signsealer-presign-done{display:flex;align-items:center;gap:10px;font-weight:600;margin:0 0 18px}
.signsealer-sign-first{display:block;text-align:center}
.signsealer-sign-first-note{margin:10px 0 0;font-size:.8rem;line-height:1.45;opacity:.72;text-align:center}
.wp-block-woocommerce-cart:has(.signsealer-sign-first) .wc-block-cart__submit-container:not(:has(.signsealer-sign-first)){display:none}