/**
 * VK Inline Input Field – Front-end defaults.
 *
 * Intentionally minimal: the shortcode's inline style="" attribute
 * carries the user's chosen appearance.  These rules just ensure
 * sane baseline behaviour when no custom styles are set.
 */

/* The input must stay inline with paragraph text. */
.iif-input {
    display: inline;
    vertical-align: baseline;
    font: inherit;
    line-height: inherit;
    box-sizing: border-box;
}

/* Checkbox / radio should also sit inline. */
input[type="checkbox"].iif-input,
input[type="radio"].iif-input,
.iif-radio {
    display: inline;
    vertical-align: middle;
    margin: 0 2px;
}

.iif-label {
    display: inline;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
}

/* Submit button inline with the text. */
.iif-submit-btn {
    display: inline;
    vertical-align: baseline;
    font: inherit;
    cursor: pointer;
    border: 1px solid #0073aa;
    background: #0073aa;
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    margin-left: 4px;
    transition: background 0.2s ease, opacity 0.2s ease;
}

.iif-submit-btn:hover {
    background: #005a87;
}

.iif-submit-btn:disabled {
    opacity: 0.6;
    cursor: wait;
}