/* Štýly pre .seller-rating-badge-box */
.seller-rating-badge-box {
    display: block;
    width: fit-content;
    position: fixed;
    top: 350px;
    left: 0;
    text-align: center;
    padding: 10px 8px 10px 4px;
    box-shadow: 4px 4px 8px #c6c5c5;
    background-color: white;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    z-index: 100;
    transition: transform .2s;
}

.seller-rating-badge-box:hover {
    transform: scale(1.03);
}

.seller-rating-badge-box-logo {
    width: 30px;
}

.seller-rating-badge-box-count {
    padding: 5px 0;
    font-size: 15px;
    color: #e56f2b;
}

.seller-rating-badge-box-starts {
    font-size: 11px;
}

.seller-rating-badge-box .star-full {
    color: #fbbc06;
}

.seller-rating-badge-box .star-empty {
    color: #d3d3d3;
}

.seller-rating-badge-box .star-half,
.seller-rating-badge-box .star-quarter,
.seller-rating-badge-box .star-three-quarters {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #d3d3d3 !important;
}

.seller-rating-badge-box .star-half::before,
.seller-rating-badge-box .star-quarter::before,
.seller-rating-badge-box .star-three-quarters::before {
    content: "★";
    position: absolute;
    left: 0;
    color: #fbbc06;
    width: 100%;
}

.seller-rating-badge-box .star-half::before {
    clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
}

.seller-rating-badge-box .star-quarter::before {
    clip-path: polygon(0% 0%, 25% 0%, 25% 100%, 0% 100%);
}

.seller-rating-badge-box .star-three-quarters::before {
    clip-path: polygon(0% 0%, 75% 0%, 75% 100%, 0% 100%);
}

/* Štýly pre .seller-rating-badge-box-google */
.seller-rating-badge-box-google {
    position: fixed;
    bottom: 50px;
    padding: 10px 10px 10px 15px;
    background-color: white;
    border-top: 2px solid #54cb6f;
    width: 170px;
    box-shadow: 0 3px 16px #00000029;
    line-height: 13px;
    z-index: 10;
}

.seller-rating-badge-box-google .star-full {
    color: #e46e28;
}

.seller-rating-badge-box-google .star-empty {
    color: #bfbdbd;
}

.seller-rating-badge-box-google .star-half,
.seller-rating-badge-box-google .star-quarter,
.seller-rating-badge-box-google .star-three-quarters {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #bfbdbd;
}

.seller-rating-badge-box-google .star-half::before,
.seller-rating-badge-box-google .star-quarter::before,
.seller-rating-badge-box-google .star-three-quarters::before {
    content: "★";
    position: absolute;
    left: 0;
    color: #e46e28;
}

.seller-rating-badge-box-google .star-quarter::before {
    clip-path: polygon(0% 0%, 25% 0%, 25% 100%, 0% 100%);
}

.seller-rating-badge-box-google .star-half::before {
    clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
}

.seller-rating-badge-box-google .star-three-quarters::before {
    clip-path: polygon(0% 0%, 75% 0%, 75% 100%, 0% 100%);
}

.seller-rating-badge-box-google .seller-rating-count-star-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.seller-rating-badge-box-google .seller-rating-badge-box-text span {
    font-weight: 600;
}

.seller-rating-badge-box-google .seller-rating-badge-box-starts {
    display: inline-flex;
    margin-left: 5px;
    font-size: 13px;
}
.seller-rating-badge-box-google .seller-rating-badge-box-end-text
{
    color: #a99d9a;
}

/* Mobilné štýly pre obe badge-box */
@media (max-width: 768px) {

    /*new skin start here*/
    .seller-rating-badge-box-google {
        bottom: 5px;
        padding: 9px;
        width: 150px;
        line-height: 10px
    }

    .seller-rating-badge-box-google .seller-rating-badge-box-logo {
        width: 25px;
    }

    .seller-rating-badge-box-google .seller-rating-badge-box-count {
        font-size: 15px;
        padding-right: 5px;
        vertical-align: middle;
    }

    .seller-rating-badge-box {
        bottom: 0;
        top: auto;
        padding: 9px;
    }

    .seller-rating-badge-box-google .star-half,
    .seller-rating-badge-box-google .star-quarter,
    .seller-rating-badge-box-google .star-three-quarters {
        overflow: visible;
    }

    .seller-rating-badge-box-google .star-three-quarters::before {
        clip-path: polygon(0% 0%,75% -25%,75% 100%,0% 100%);
    }

    .seller-rating-badge-box-google .seller-rating-badge-box-end-text,
    .seller-rating-badge-box-google .seller-rating-count-star-box,
    .seller-rating-badge-box-google .seller-rating-badge-box-count,
    .seller-rating-badge-box-google .seller-rating-badge-box-text {
        font-size: 12px;
    }

    /*old skin start her*/
    .seller-rating-badge-box .seller-rating-badge-box-logo {
        display: inline-block;
        width: 25px;
    }

    .seller-rating-badge-box .seller-rating-badge-box-count {
        display: inline-block;
        font-size: 15px;
        padding: 0 5px;
        vertical-align: middle;
    }

    .seller-rating-badge-box .seller-rating-badge-box-starts {
        display: flex;
        font-size: 14px;
    }

}