/*------------------------------------*\
    Nutshell form embeds - global overrides

    Undo CF7 floating-label globals from global.css and Bootstrap
    normalize legend float so fieldset labels (e.g. Type of Move) stack
    above controls at full width.
\*------------------------------------*/

.nutshell-form label,
[id^="nutshell-form-"] label {
    position: unset;
    left: auto;
    top: auto;
    width: auto;
    pointer-events: auto;
    transition: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.nutshell-form legend,
[id^="nutshell-form-"] legend {
    position: unset;
    left: auto;
    top: auto;
    width: auto;
    float: none;
    clear: both;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0.4em;
}

.nutshell-form fieldset,
[id^="nutshell-form-"] fieldset {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

.nutshell-form fieldset > div,
[id^="nutshell-form-"] fieldset > div {
    width: 100%;
}

.nutshell-form input:focus + label,
.nutshell-form input:not(:placeholder-shown) + label,
[id^="nutshell-form-"] input:focus + label,
[id^="nutshell-form-"] input:not(:placeholder-shown) + label {
    font-size: inherit;
    top: auto;
    left: auto;
}