/**
 * digitvision
 *
 * @category  digitvision
 * @package   Shopware\Plugins\DvsnVotePager
 * @copyright (c) 2019 digitvision
 */

// ...
body.is--ctl-detail.is--act-index {
    div.dvsn-vote-pager--options-container {
        margin: 20px 0;

        .summary {
            width: 50%;

            div.short-summary {
                margin-bottom: 4px;

                span.average-points {
                    font-size: 28px;
                    line-height: 40px;
                    font-weight: bold;
                    width: auto;
                }

                span.average-from {
                    font-weight: bold;
                    width: auto;
                    line-height: 20px;
                    padding-top: 16px;
                }

                span.votes {
                    width: auto;
                    margin-left: 20px;
                    padding-top: 16px;
                }
            }

            div.progress-bar--container {
                height: 20px;
                margin: 2px 0;

                span.points {
                    width: 100px;
                    line-height: 20px;
                    height: 20px;
                    cursor: pointer;
                }

                div.progress-bar {
                    width: 200px;
                    line-height: 12px;
                    height: 12px;
                    margin: 4px 0;
                    background: #dadae5;

                    div {
                        height: 100%;
                        background: #f1c40e;
                    }
                }

                span.votes {
                    width: 50px;
                    line-height: 20px;
                    height: 20px;
                    margin-left: 12px;
                }
            }
        }

        .form-button {
            width: 50%;
            text-align: right;

            button {
                width: 50%;
                text-align: center;
            }
        }
    }

    div.dvsn-vote-pager--form-container {
        display: none;
        margin: 40px 0;
    }

    div.dvsn-vote-pager--container {
        text-align: center;

        button {
            margin: auto;
        }
    }

    div.dvsn-vote-pager--stars-selection {
        margin: 2px 0 12px 0;

        span.description {
            width: auto;
            height: 22px;
            line-height: 22px;
            margin-right: 14px;
        }

        span.stars-selection {
            width: auto;
            height: 22px;
            line-height: 22px;

            i {
                cursor: pointer;
                font-size: 19px;
            }

            i.icon--star-empty {
                color: #dadae5;
            }

            i.icon--star {
                color: #F1C40F;
            }
        }
    }
}