@mixin focused-ring($ring-color) {
    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 0.0);
}

.p-button-label {
    font-weight: 700;
}

.p-accordion {
    .p-accordion-header {
        .p-accordion-header-link {
            transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
        }
    }
}

.p-tabview {
    .p-tabview-nav {
        li {
            .p-tabview-nav-link {
                transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
            }
        }

        .p-tabview-ink-bar {
            z-index: 1;
            display: block;
            position: absolute;
            bottom: 0;
            height: 2px;
            background-color: $primaryColor;
            transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
        }
    }
}

.p-carousel {
    .p-carousel-indicators .p-carousel-indicator.p-highlight button {
        background-color: $primaryColor;
    }
}

.p-galleria {
    .p-galleria-indicators .p-galleria-indicator.p-highlight button {
        background-color: $primaryColor;
    }
}

.p-button {
    &:focus {
        @include focused-ring(rgba($buttonBg, .7));
    }

    &.p-button-secondary:enabled:focus {
        @include focused-ring(rgba($secondaryButtonBg, .7));
    }

    &.p-button-success:enabled:focus {
        @include focused-ring(rgba($successButtonBg, .7));
    }

    &.p-button-info:enabled:focus {
        @include focused-ring(rgba($infoButtonBg, .7));
    }

    &.p-button-warning:enabled:focus {
        @include focused-ring(rgba($warningButtonBg, .7));
    }

    &.p-button-help:enabled:focus {
        @include focused-ring(rgba($helpButtonBg, .7));
    }

    &.p-button-danger:enabled:focus {
        @include focused-ring(rgba($dangerButtonBg, .7));
    }
}

.p-datatable {
    .p-datatable-tbody {
        > tr {
            &.p-datatable-dragpoint-top > td {
                box-shadow: inset 0 2px 0 0 $primaryColor;
            }

            &.p-datatable-dragpoint-bottom > td {
                box-shadow: inset 0 -2px 0 0 $primaryColor;
            }
        }
    }
}

.custom-timeline{
    &.p-timeline {
        &.p-timeline-vertical .p-timeline-event-opposite {
            flex: 0;
            padding: 0;
        }
    }
}
