/* Onyx B2B — registration form styling on top of Woodmart's defaults.
   Loaded only on the My Account / register page (see functions.php). */

.wd-registration-page .woocommerce-form-register .onyx-section-title {
    margin: 24px 0 10px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--wd-border-color, #e5e5e5);
}

.wd-registration-page .woocommerce-form-register .onyx-shipping-wrap {
    margin-top: 4px;
}

/* Tidy the inline "I am not VAT registered" / "No registration number" /
   "Delivery same as billing" checkbox rows. */
.wd-registration-page .woocommerce-form-register label > input[type="checkbox"] {
    margin-right: 6px;
}

/* Keep the first/last + city/postcode pairs from colliding on small screens. */
@media (max-width: 600px) {
    .wd-registration-page .woocommerce-form-register .form-row-first,
    .wd-registration-page .woocommerce-form-register .form-row-last {
        width: 100%;
        float: none;
    }
}

/* Explanatory note under a section heading — used by the Trade reference block,
   which has to make clear the details belong to a third party, not the applicant. */
.wd-registration-page .woocommerce-form-register .onyx-section-note,
.woocommerce-form-register .onyx-section-note {
    margin: -4px 0 12px;
    font-size: 13px;
    line-height: 1.5;
    opacity: .75;
}

/* The section heading is normally scoped to .wd-registration-page, which only the
   My Account template sets. Repeat it unscoped so the form still looks right if it
   is ever rendered by the Elementor/WPB my-account widget instead. */
.woocommerce-form-register .onyx-section-title {
    margin: 24px 0 10px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--wd-border-color, #e5e5e5);
}