@import "../_colors";
@import "../_queries";
@import "../_sizes";

body .ui-dropdown .ui-dropdown-label {
    border: 1px solid $input-border-color;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: $default-color;
    font-size: 14px;
    line-height: inherit;
    padding-top: 6px;
    width: calc(100% - #{$input-trigger-size});
}

body .ui-dropdown .ui-dropdown-label.ui-placeholder {
    color: $default-secondary-color;
}

body .ui-dropdown .ui-dropdown-clear-icon {
    position: absolute;
    right: 2em;
    top: 50%;
    font-size: 1em;
    height: 1em;
    margin-top: -0.45em;
    margin-right: 1.25em;
}

body .ui-dropdown .ui-dropdown-trigger {
    background-color: $default-color;
    border: 1px solid $input-border-color;
    border-left: none;
    width: $input-trigger-size;
    text-align: center;
}

body .ui-dropdown {
    .ui-dropdown-label,
    .ui-dropdown-trigger {
        transition:
            background-color 200ms ease-out,
            border-color 200ms ease-out;
    }
}

// Hover
body .ui-dropdown:hover {
    .ui-dropdown-label,
    .ui-dropdown-trigger {
        border-color: $input-hover-border-color;
    }
}

// Error
body p-dropdown.ng-dirty.ng-invalid .ui-dropdown {
    .ui-dropdown-label,
    .ui-dropdown-trigger {
        border-color: $input-error-border-color;
    }
}

// Error & Hover
body p-dropdown.ng-dirty.ng-invalid .ui-dropdown:hover {
    .ui-dropdown-label,
    .ui-dropdown-trigger {
        border-color: $input-error-hover-border-color;
    }
}

// Focus
body .ui-dropdown.ui-state-focus {
    .ui-dropdown-label,
    .ui-dropdown-trigger {
        border-color: $input-focus-border-color;
    }
}

// Focus & Hover
body .ui-dropdown.ui-state-focus:hover {
    .ui-dropdown-label,
    .ui-dropdown-trigger {
        border-color: $input-focus-hover-border-color;
    }
}

body .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    color: $primary-dark-text-color;
    margin-left: -4px;

    &::before {
        content: "\f0d7";
    }
}

body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger,
body .ui-dropdown.ui-state-focus .ui-dropdown-trigger {
    background-color: highlight($default-primary-color);
}

body .ui-dropdown-panel .ui-dropdown-filter-container {
    padding: 10px;
}

body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
}

body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
    display: none;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item > td {
    padding: 10px;
}

body .ui-dropdown-label-container {
    width: 100%;
}

body .ui-fluid p-paginator p-dropdown {
    width: auto;
}

body .ui-dropdown:focus-within,
.ui-dropdown-open {
    .ui-dropdown-label {
        border-color: $input-focus-hover-border-color !important;
        border-right-width: 0px !important;
    }
    .ui-dropdown-trigger {
        border: 1px solid $input-focus-hover-border-color !important;
    }
}