/**
 * Shop product reviews
 *
 * @author    businesstech.fr <modules@businesstech.fr> - https://www.businesstech.fr/
 * @copyright Business Tech - https://www.businesstech.fr/
 * @license   see file: LICENSE.txt
 *
 *           ____    _______
 *          |  _ \  |__   __|
 *          | |_) |    | |
 *          |  _ <     | |
 *          | |_) |    | |
 *          |____/     |_|
 */
#spr .shop_widget-top-right {
    top: 0px;
    right: 0;
    position: fixed;
    z-index: 9999;
}

#spr .shop_widget-top-left {
    top: 0px;
    left: 0;
    position: fixed;
    z-index: 9999;
}

#spr .shop_widget-middle-right {
    top: 50%;
    right: 0;
    position: fixed;
    z-index: 9999;
}

#spr .shop_widget-middle-left {
    top: 50%;
    left: 0;
    position: fixed;
    z-index: 9999;
}

#spr .shop_widget-bottom-right {
    bottom: 0px;
    right: 0;
    position: fixed;
    z-index: 9999;
}

#spr .shop_widget-bottom-left {
    bottom: 10px;
    left: 10px;
    position: fixed;
    z-index: 9999;
}

#spr .card-top-left {
    padding: 25px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    box-shadow: 5px 4px 3px -2px rgba(209, 209, 209, 0.88);
    border-radius: 10px;
}

#spr .card-top-left-mobile {
    padding: 20px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    border-radius: 10px;
}

#spr .card-top-left-mobile h5 {
    font-size: 15px !important;
}

#spr .card-top-right {
    padding: 25px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    box-shadow: 5px 4px 3px -2px rgba(209, 209, 209, 0.88);
    border-radius: 10px;
}

#spr .card-top-right-mobile {
    padding: 20px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    border-radius: 10px;
}

#spr .card-top-right-mobile h5 {
    font-size: 15px !important;
}

#spr .card-middle-right {
    padding: 25px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    box-shadow: 5px 4px 3px -2px rgba(209, 209, 209, 0.88);
    border-radius: 10px;
}

#spr .card-middle-right a {
    margin-left: 10px;
}

#spr .card-middle-right-mobile {
    padding: 20px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    border-radius: 10px;
}

#spr .card-middle-right-mobile h5 {
    font-size: 15px !important;
}

#spr .card-middle-left {
    padding: 25px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    box-shadow: 5px 4px 3px -2px rgba(209, 209, 209, 0.88);
    border-radius: 10px;
}

#spr .card-middle-left-mobile {
    padding: 20px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    border-radius: 10px;
}

#spr .card-middle-left-mobile h5 {
    font-size: 15px !important;
}

#spr .card-bottom-left {
    padding: 0 10px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}

#spr .card-bottom-left-mobile {
    padding: 0 5px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    border-radius: 10px;
}

#spr .card-bottom-left-mobile h5 {
    font-size: 15px !important;
}

#spr .card-bottom-right {
    padding: 25px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    box-shadow: 5px 4px 3px -2px rgba(209, 209, 209, 0.88);
    border-radius: 10px;
}

#spr .card-bottom-right-mobile {
    padding: 20px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: white;
    border-radius: 10px;
}

#spr .card-title-small {
    text-align: center;
    margin-right: 5px;
}

#spr .card-text {
    text-align: center;
}

#spr .star_custom_size-widget {
    font-size: 30px;
    margin-left: -10px;
}

/* Wrapper stelle */
#spr .stars {
    position: relative;
    display: inline-block;
    line-height: 1;
    font-size: 18px; /* adatta alla tua .star_custom_size-widget */
    letter-spacing: 2px; /* spazio fra stelle (opzionale) */
}

/* Layer base (vuoto) */
#spr .stars--base {
    color: #ddd; /* colore stelle vuote */
}

/* Layer pieno (sopra) */
#spr .stars--fill {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden; /* taglia il testo in base alla width */
    color: #f5a623; /* colore stelle piene (oro) */
}

#spr [class^="shop_widget-"] {
    border-radius: 10px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}