/* File Upload */
.wpcz .wpcz-file-upload {
    position: relative;
    display: flex;
    align-items: center;
    padding-inline: 0;
    border-radius: var(--wpcz-radius);
    background: var(--wpcz-form-control-bg-color-disabled);
    color: var(--wpcz-form-control-color-disabled);
    border-color: var(--wpcz-form-control-border-color-disabled);
}

.wpcz .wpcz-file-upload__btn {
    max-block-size: 100%;
    border-radius: var(--wpcz-radius);
}

.wpcz .wpcz-file-upload__form-control:focus {
    color: var(--wpcz-form-control-color);
    background: var(--wpcz-form-control-bg-color-focus);
    border-color: var(--wpcz-default-border-color);
}

.wpcz .wpcz-file-upload__form-control + .wpcz-file-upload__text:after {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    content: '';
    inset: 0;
    border-radius: var(--wpcz-radius);
    color: var(--wpcz-form-control-color-disabled);
    border: 1px solid var(--wpcz-form-control-border-color-disabled);
    box-shadow: 0 0 0 3px var(--wpcz-default-focus-outline-color);
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

.wpcz .wpcz-file-upload__form-control:focus + .wpcz-file-upload__text:after {
    opacity: 1;
}

.wpcz .wpcz-file-upload__file-name {
    padding-inline: 0.75em;
    max-inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}