.widget-vendor-info {
    padding: 0;

    .vendor-header {
        background: $primary;
        margin-bottom: 20px;
        text-align: center;

        .profile-img {
            display: inline-block;
            border: 4px solid lighten($primary, 40);
            border-radius: 50%;
            overflow: hidden;
            position: relative;
            top: 25px;
        }
    }

    .product-info-more-seller {
        .seller-name {
            padding: 15px;
            text-align: center;

            strong {
                font-size: 18px;
            }
        }

        .seller-score-container {
            background-color: #FCFCFC;
            padding: 15px;
            text-align: center;

            .seller-score {
                color: $primary;
                border-bottom: 1px dashed $primary;
            }

            .seller-feedback .seller-feedback-item .seller-feedback-item-percent {
                font-size: 16px;
                padding: 2px 8px;
                font-weight: bold;
            }
        }

        .seller-rating-container {
            padding: 15px;
        }
    }

    .store-info {
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        padding: 15px;

        > div {
            display: flex;
            align-items: center;
            background-color: #F5F7FA;
            padding: 2px 5px;

            .icon {
                font-size: 18px;
                width: 30px;
                position: relative;
                top: 2px;
                padding: 2px 5px;
            }
        }

        > div:not(:last-child) {
            margin-bottom: 10px;
        }
    }

    .store-social-wrapper {
        padding: 20px 15px 15px;

        .store-social {
            text-align: center;

            li {
                display: inline-block;
                margin: 2px;

                i {
                    display: inline-block;
                    border-radius: $border-radius;
                    padding: 5px 7px;
                    width: auto !important;
                    font-size: 24px;

                    &.fa-facebook-square {
                        color: #3b5998;
                        background: rgba(#3b5998, 0.15);
                    }

                    &.fa-google,
                    &.fa-google-plus-square {
                        color: #dd4b39;
                        background: rgba(#dd4b39, 0.15);
                    }

                    &.fa-twitter-square {
                        color: #55acee;
                        background: rgba(#55acee, 0.15);
                    }

                    &.fa-pinterest-square {
                        color: $font-color;
                        background: rgba($font-color, 0.15);
                    }

                    &.fa-linkedin-square {
                        color: #007bb5;
                        background: rgba(#007bb5, 0.15);
                    }

                    &.fa-youtube-square {
                        color: #bb0000;
                        background: rgba(#bb0000, 0.15);
                    }

                    &.fa-instagram {
                        color: #125688;
                        background: rgba(#125688, 0.15);
                    }

                    &.fa-flickr {
                        color: #ff0084;
                        background: rgba(#ff0084, 0.15);
                    }
                }
            }
        }
    }

    .dokan-share-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ababab;
        border-top: 1px solid #e4e4e4;
        padding: 10px 15px;
        text-align: center;
        cursor: pointer;

        .icon {
            margin: 0 5px;
            position: relative;
            top: 2px;
        }
    }
}