/* stylelint-disable no-descending-specificity */
/* stylelint-disable declaration-no-important */
@use '../../../styles/mat-selectors' as ms;

ul > li > form-field > .adf-focus {
    .adf-label {
        color: var(--theme-primary-color);
    }
}

.adf {
    &-error-container {
        height: 20px;
        margin-top: -12px;
    }

    &-error-text {
        padding: 1px;
        height: 16px;
        font-size: var(--theme-caption-font-size);
        line-height: 1.33;
        color: var(--theme-warn-color);
    }

    &-error-icon {
        font-size: var(--theme-adf-icon-1-font-size);
        color: var(--theme-warn-color);
    }

    &-label {
        color: var(--adf-theme-foreground-secondary-text-color);
    }

    &-asterisk {
        padding-left: 2px;
        color: var(--theme-warn-color);
    }

    &-invalid {
        #{ms.$mat-checkbox} {
            padding-bottom: 12px;
        }

        #{ms.$mat-line-ripple} {
            background-color: var(--theme-warn-color) !important;
        }

        #{ms.$mat-select} {
            &-arrow {
                color: var(--adf-theme-foreground-secondary-text-color) !important;
            }
        }

        .adf-file {
            border-color: var(--theme-warn-color);
        }

        #{ms.$mat-form-field-prefix} {
            color: var(--adf-theme-foreground-secondary-text-color);
        }

        .adf-input {
            border-color: var(--theme-warn-color);
        }
    }

    &-left-label {
        color: var(--adf-theme-foreground-secondary-text-color);
    }
}

/* query for Microsoft IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    adf-form-field {
        #{ms.$mat-input-element},
        #{ms.$mat-select},
        #{ms.$mat-form-field} {
            display: block !important;
        }
    }
}