/*!
 * 
 * Copyright (c) 2019-2023 Software AG, Darmstadt, Germany and/or Software AG USA Inc., Reston, VA, USA,
 * and/or its subsidiaries and/or its affiliates and/or their licensors.
 * 
 */
@import "../variables";
@import "../variables/pagination_vars";
@import "../mixins";

.dlt-pagination {
    height: $pagination-height;
    line-height: $pagination-height;
    font-family: $pagination-font-family;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-weight: $pagination-font-weight;
    @include box-shadow($pagination-box-shadow);
    margin-top: $pagination-margin-top;
    background: $pagination-color-background;

    label {
        all: unset;
    }

    .pagination-text {
        display: flex;
        height: 100%;
        align-items: center;
        color: $pagination-color-text-static-muted;
        margin: $pagination-margin-text;
    }

    .pagination-left,
    .pagination-right,
    .pagination-mid {
        display: -webkit-flex;
        display: flex;
        height: 100%;
        -webkit-align-items: center;
        align-items: center;
        color: $pagination-color-text-static-muted;
    }

    .pagination-left {
        padding: $pagination-left-padding;
    }

    .pagination-mid {
        .pagination-text {
            margin-right: $pagination-margin-right-text-mid;
        }
    }

    .pagination-right {
        margin-right: $pagination-margin-right;

        .pagination-icon {
            font-size: $pagination-page-icon-font-size;
            margin: $pagination-page-icon-margin;
            color: $pagination-color-icon;
            cursor: pointer;
            border: $pagination-border-width-hover solid $pagination-color-background;
            &:hover,
            &:focus {
                border: $pagination-border-width-hover solid $pagination-color-border-focus;
                outline: none;
            }
        }

        .icon-disabled {
            opacity: $pagination-opacity-disabled;
            cursor: unset;
        }

        .current-page {
            font-weight: $pagination-active-font-weight;
            color: $pagination-color-text-static-muted;
        }
    }

    .select-page {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        margin: $pagination-select-margin;

        .select-arrow-icon {
            position: relative;
            margin-right: $pagination-select-arrow-margin-right;
        }

        .select-arrow-icon::after {
            content: "\e987";
            font-family: "dlt-icons";
            font-size: $pagination-select-icon-font-size;
            color: $pagination-color-icon;
            right: $pagination-select-icon-right;
            position: absolute;
            pointer-events: none;
            line-height: $pagination-select-icon-line-height;
        }

        .dlt-select-input {
            height: $pagination-select-height;
            width: auto;
            line-height: $pagination-select-line-height;
            padding: $pagination-select-input-padding;
            color: $pagination-color-text-interactive-secondary;
            font-style: normal;
            border: $pagination-border-width-hover solid $pagination-color-background;
            &:hover,
            &:focus {
                border: $pagination-border-width-hover solid $pagination-color-border-focus;
                outline: none;
            }
        }
    }

    .dlt-button-icon {
        outline: none;
        border: none;

        &:hover,
        &:focus,
        &:active {
            outline: none;
            border: none;
            box-shadow: none;
            background: $pagination-color-background;
        }
    }

}