/* All rules scoped under .cdata-sign-app so the form never pollutes a theme page. Standalone templates add .cdata-sign-app to ; the shortcode wraps in a div. */ .cdata-sign-app *{box-sizing:border-box;margin:0;padding:0} /* Embedded form inherits the theme's global font (e.g. Noto Sans Hebrew) so it matches the site */ .cdata-sign-app{font-family:inherit;direction:rtl;color:#222} /* Standalone template pages don't load theme body styles — give them an explicit Hebrew stack */ body.cdata-sign-page{background:#f4f6f9;font-family:"Noto Sans Hebrew","Heebo","Segoe UI",Arial,sans-serif} .cdata-sign-app .sign-wrap{max-width:860px;margin:0 auto;padding:24px 16px 60px} .cdata-sign-app .sign-header{text-align:center;padding:28px 0 20px} .cdata-sign-app .sign-header h1{font-size:1.45rem;color:#0a2d6e;font-weight:700} .cdata-sign-app .sign-header p{color:#666;font-size:.93rem;margin-top:6px} .cdata-sign-app .step-bar{display:flex;justify-content:center;gap:8px;margin:18px 0 22px;flex-wrap:wrap} .cdata-sign-app .step{background:#e8edf5;color:#0a2d6e;padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:600;transition:all .2s} .cdata-sign-app .step.active{background:#0a2d6e;color:#fff} .cdata-sign-app .card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:20px;overflow:hidden} .cdata-sign-app .card-head{background:#0a2d6e;color:#fff;padding:14px 20px;font-size:1rem;font-weight:700} .cdata-sign-app .pdf-frame{width:100%;height:600px;border:none;display:block} .cdata-sign-app .form-section{padding:24px} .cdata-sign-app .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px} .cdata-sign-app .form-row.full{grid-template-columns:1fr} .cdata-sign-app label{display:block;font-size:.88rem;font-weight:600;color:#0a2d6e;margin-bottom:5px} .cdata-sign-app .req{color:red} .cdata-sign-app input[type=text]{width:100%;padding:10px 14px;border:1.5px solid #d0d8e8;border-radius:8px;font-size:.95rem;font-family:inherit;direction:rtl;transition:border .2s} .cdata-sign-app input[type=text]:focus{outline:none;border-color:#0a2d6e;box-shadow:0 0 0 3px rgba(10,45,110,.1)} .cdata-sign-app input[readonly]{background:#f5f7fa;color:#555;cursor:default} .cdata-sign-app .sig-area{margin-top:8px} .cdata-sign-app .sig-area label{margin-bottom:8px} .cdata-sign-app #sig-canvas{width:100%;height:160px;border:2px dashed #b0bed4;border-radius:10px;background:#fafbfd;cursor:crosshair;display:block;touch-action:none} .cdata-sign-app .sig-btns{display:flex;gap:10px;margin-top:8px;align-items:center} .cdata-sign-app .btn-clear{background:#fff;color:#666;border:1.5px solid #ccc;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.87rem;font-family:inherit} .cdata-sign-app .btn-clear:hover{background:#f5f5f5} .cdata-sign-app .sig-hint{color:#888;font-size:.82rem} .cdata-sign-app .btn-submit{background:#0a2d6e;color:#fff;border:none;padding:13px 36px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;margin-top:18px;transition:background .2s;font-family:inherit} .cdata-sign-app .btn-submit:hover{background:#0d3a8a} .cdata-sign-app .btn-submit:disabled{background:#8a9fc0;cursor:not-allowed} .cdata-sign-app .notice{padding:10px 14px;border-radius:8px;font-size:.87rem;margin-bottom:12px} .cdata-sign-app .notice-info{background:#eef2fb;color:#0a2d6e;border:1px solid #c3d0ee} .cdata-sign-app .notice-error{background:#fff0f0;color:#b00;border:1px solid #f5c0c0} .cdata-sign-app .success-box{text-align:center;padding:40px 20px} .cdata-sign-app .success-box .check{font-size:3rem;color:#1a8a3a;margin-bottom:12px} .cdata-sign-app .success-box h2{color:#1a8a3a;font-size:1.3rem;margin-bottom:8px} .cdata-sign-app .success-box p{color:#555;margin-bottom:18px} .cdata-sign-app .btn-download{background:#1a8a3a;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block} .cdata-sign-app .loading{display:none;text-align:center;padding:12px;color:#0a2d6e;font-weight:600} @media(max-width:600px){.cdata-sign-app .form-row{grid-template-columns:1fr}.cdata-sign-app .pdf-frame{height:420px}}