/* stylelint-disable selector-class-pattern */
@use '../../../styles/mat-selectors' as ms;

$adf-inplace-input-padding: 7px;

.adf-inplace-input-container {
    &-error {
        .adf-inplace-input {
            border: 1px solid var(--theme-warn-color);
        }
    }

    #{ms.$mat-line-ripple} {
        display: none;
    }

    #{ms.$mat-form-text-field-infix} {
        display: flex;
        border-top: 0;
    }

    #{ms.$mat-form-field-label} {
        padding: $adf-inplace-input-padding;
    }

    .adf-inplace-input-mat-form-field {
        width: 98%;
    }

    .adf-inplace-input {
        padding: $adf-inplace-input-padding;
        border: 1px solid transparent;
        border-radius: 4px;

        &:focus {
            border: 1px solid var(--theme-primary-color);
        }

        &:hover:not(:focus) {
            border: 1px solid var(--adf-theme-background-hover-color);
            background-color: var(--adf-theme-background-hover-color);
        }
    }
}