// * Help center
// *******************************************************************************

@use '../../assets/vendor/scss/_bootstrap-extended/include' as light;
@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark;
@import '../../assets/vendor/scss/_custom-variables/pages';

.user-card {
    .user-info-title {
        min-width: 100px;
    }
}

.card.primary-shadow {
    box-shadow: 0 0.125rem 0.375rem 0 rgba(light.$primary, 0.3) !important;
}
// Light style
@if $enable-light-style {
    .light-style {
        @include light.media-breakpoint-up(xl) {
            .user-card {
                .border-container-lg {
                    border-right: 1px solid light.$border-color;
                }
            }
            @include app-rtl-style() {
                .user-card {
                    .border-container-lg {
                        border-right: 0;
                        border-left: 1px solid light.$border-color;
                    }
                }
            }
        }
        @include light.media-breakpoint-down(xl) {
            .user-card {
                .border-container-lg {
                    padding-bottom: 1rem;
                }
            }
        }
        @include light.media-breakpoint-up(sm) {
            .user-card {
                .border-container {
                    border-right: 1px solid light.$border-color;
                }
            }
            .timeline {
                .break-text {
                    width: calc(100% - 90px);
                }
            }
            @include app-rtl-style() {
                .user-card {
                    .border-container {
                        border-right: 0;
                        border-left: 1px solid light.$border-color;
                    }
                }
            }
        }
    }
}

// Dark style
@if $enable-dark-style {
    .dark-style {
        @include dark.media-breakpoint-up(lg) {
            .user-card {
                .border-container-lg {
                    border-right: 1px solid dark.$border-color;
                }
            }
            @include app-rtl-style() {
                .user-card {
                    .border-container-lg {
                        border-right: 0;
                        border-left: 1px solid dark.$border-color;
                    }
                }
            }
        }
        @include dark.media-breakpoint-up(sm) {
            .user-card {
                .border-container {
                    border-right: 1px solid dark.$border-color;
                }
            }
            .timeline {
                .break-text {
                    width: calc(100% - 90px);
                }
            }
            @include app-rtl-style() {
                .user-card {
                    .border-container {
                        border-right: 0;
                        border-left: 1px solid dark.$border-color;
                    }
                }
            }
        }
    }
}