/*
 * Bulles - Comptes professionnels.
 * Correctifs visuels du formulaire WooCommerce Mon Compte avant connexion.
 */

.woocommerce-account .woocommerce:not(.woocommerce-MyAccount-content) .u-columns,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
    overflow: visible;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
    box-sizing: border-box;
    height: auto;
    min-height: 0;
}

/*
 * Le thème applique son fond blanc à une zone dont la hauteur ne suit pas
 * le formulaire professionnel. On l'applique donc au formulaire lui-même.
 */
.woocommerce-account .u-column2 .woocommerce-form-register {
    background: #ffffff;
    display: flow-root;
    padding-bottom: 2.5rem;
}

.bulles-professional-registration {
    border: 0;
    clear: both;
    margin: 1.5rem 0;
    padding: 0;
}

.bulles-professional-registration legend {
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.bulles-professional-registration .woocommerce-form__label-for-radio {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: 0.5rem;
}

.bulles-professional-fields {
    border-left: 3px solid currentColor;
    clear: both;
    margin-top: 1rem;
    padding-left: 1rem;
}

.bulles-professional-fields[hidden] {
    display: none !important;
}

.bulles-professional-information {
    font-size: 0.9em;
    line-height: 1.5;
    margin: 0 0 1rem;
}

@media (max-width: 767px) {
    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        float: none;
        width: 100%;
    }

    .woocommerce-account .u-column2 {
        margin-top: 2rem;
    }
}