/*
 * WP Marketplace Vendor Attribute Manager — Theme-Consistent Overrides
 * Plugin: wp-marketplace-vendor-attribute-manager  (wkcv-*)
 *
 * The plugin renders a seller "declaration" checkbox attribute on the
 * registration form (my-account ?form=register / Become a Seller) inside a
 * WooCommerce form row:
 *
 *   <div class="form-row form-group form-row-wide wkcv-form-checkbox">
 *       <div class="wkmp-checkbox-container">
 *           <input type="checkbox"> <label>…long consent text…</label>
 *       </div>
 *   </div>
 *
 * The plugin's polished checkbox styling (gap, aligned box, non-shrinking
 * 20px control) is scoped to .wkcv-become-seller-form.wkmp-sc-form-group,
 * which this WooCommerce form row does NOT carry — so here the inner
 * .wkmp-checkbox-container falls back to a bare `display:flex` (frontend.css
 * line 145): no gap between control and label, default align-items:stretch,
 * and the checkbox is free to shrink against the long label. Result: the
 * control touches the text and sits misaligned against the wrapped paragraph.
 *
 * Fix: restyle just that container to match how the plugin already styles its
 * become-seller checkboxes — a fixed, non-shrinking control, a gap, and the
 * control aligned to the text. Fully scoped to `.wkcv-form-checkbox.form-row`
 * (the register/Woo row only). In the become-seller form `wkcv-form-checkbox`
 * is a class on the <input>, not a `.form-row` div, so that compound selector
 * cannot match it — zero bleed into the already-correct seller form or any
 * other page.
 */

.wkcv-form-checkbox.form-row .wkmp-checkbox-container {
    display: flex;
    align-items: flex-start; /* control sits on the first line, not floating in the middle of the wrapped paragraph */
    gap: 10px;               /* breathing space between the control and the label */
}

.wkcv-form-checkbox.form-row .wkmp-checkbox-container input[type="checkbox"] {
    flex: 0 0 auto;  /* never shrink the control against the long consent text */
    width: 18px;
    height: 18px;
    margin: 2px 0 0; /* clear default UA margins; tiny top nudge optically aligns with the first text line */
    cursor: pointer;
}

.wkcv-form-checkbox.form-row .wkmp-checkbox-container label {
    margin: 0;
    line-height: 1.5;
    cursor: pointer;
}