/*
 * The redesigned signing page, step 3 (print_new/step3.php, the custom options form; its document is styled by ../document.css): what only this step has, on top of ../tokens.css and
 * ../components.css. Scoped to #step3.wk-sign-v2, which the step gets for text editor Version 2 waivers
 * (Waiver::usesTiptapEditor()); Version 1 waivers keep waiverprint_new.css alone.
 */

/* ---------------------------------------------------------------- approve, buttons */

/* The second card: the approve checkbox (Html::checkbox(), label > input) and the Cancel / Next
   buttons, laid out like step 4's bottom: the consent row on the left, then the buttons in a row
   on the right, inside the card. */
#step3.wk-sign-v2 .fn-adult-container + .fn-adult-container .fn-adult-content {
    text-align: left !important; /* step3.php: inline text-align: center on the card */
}

/* A row of its own (components.css makes it inline-flex), with step 4's consent gap below. */
#step3.wk-sign-v2 .fn-adult-container + .fn-adult-container .fn-adult-content > label {
    display: flex;
    margin: 0 0 26px;
}

#step3.wk-sign-v2 .fn-adult-container + .fn-adult-container .fn-adult-content > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

/* As flex items they no longer float (.fn-pull-left / .fn-pull-right, float !important), so the
   card holds them. */
#step3.wk-sign-v2 .fn-adult-container + .fn-adult-container .fn-adult-content > div > .fn-btn {
    width: auto;
    margin: 0 !important; /* step3.php: inline margin: 0 0 20px 0 on both buttons */
}

@media (max-width: 600px) {
    #step3.wk-sign-v2 .fn-adult-container + .fn-adult-container .fn-adult-content > div > .fn-btn {
        flex: 1 1 auto;
    }
}

/* ---------------------------------------------------------------- signature pads in the document */

/* A signature pad that prepareContent() puts in the custom form (CLIENTSIGN with fingernail
   signing): as step 4's in-document pads (pages/signing.css). */
#step3.wk-sign-v2 .sigPad .sigNav {
    float: none !important; /* fingernail_signing: Functions.php's .sigNav.fn-pull-right (float: right !important) */
    min-height: 0;
}

#step3.wk-sign-v2 .sigPad .clearButton a {
    margin: 0;
    padding: 0;
    font-family: var(--font);
    font-size: 13px;
    font-weight: 600;
    color: var(--accent-strong);
    text-decoration: underline;
    background: none;
    border: 0;
}

#step3.wk-sign-v2 .sigPad canvas.pad {
    display: block;
    background: var(--surface-2);
    border: 1.5px dashed var(--border-strong); /* no inline border here, unlike step 4's #canvas_signature */
    border-radius: 10px;
    touch-action: none;
    cursor: crosshair;
}