.rating-block {
    display: inline-block;
    vertical-align: middle;
}

/* Современные CSS звезды вместо изображений - увеличены на 30% */
.rating-block a.star {
    display: inline-block !important;
    width: 26px !important;
    height: 26px !important;
    font-size: 23px !important;
    line-height: 26px !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    color: #ddd !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    margin-right: 2px !important;
    background: none !important;
    background-image: none !important;
}

.rating-block a.star::before {
    content: "★" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    line-height: inherit !important;
}

/* Активные (заполненные) звезды */
.rating-block a.star.active {
    color: #ffd700 !important;
    text-shadow: 0 0 3px rgba(255, 215, 0, 0.5) !important;
    background: none !important;
    background-image: none !important;
    background-position: initial !important;
}

/* Эффект при наведении */
.rating-block:not(.disabled) a.star:hover {
    color: #ffb300 !important;
    transform: scale(1.1) !important;
    text-shadow: 0 0 5px rgba(255, 179, 0, 0.7) !important;
    background: none !important;
    background-image: none !important;
    background-position: initial !important;
}

/* Подсвеченные звезды (при выборе оценки) */
.rating-block a.star.highlight {
    color: #ffb300 !important;
    transform: scale(1.1) !important;
    text-shadow: 0 0 5px rgba(255, 179, 0, 0.7) !important;
    background: none !important;
    background-image: none !important;
    background-position: initial !important;
}

/* Отключенные звезды */
.rating-block.disabled a.star {
    cursor: default;
}

.rating-block.disabled a.star:hover {
    transform: none;
    text-shadow: none;
}

/* Информация о рейтинге */
.rating-block .rating-info {
    margin-left: 8px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 500;
}

/* Цветовая схема для процентов */
.rating-info.percent-90-100 { color: #2e7d32; } /* Темно-зеленый (топ) */
.rating-info.percent-80-89 { color: #388e3c; }  /* Зеленый (отлично) */
.rating-info.percent-70-79 { color: #689f38; }  /* Светло-зеленый (хорошо) */
.rating-info.percent-60-69 { color: #afb42b; }  /* Желто-зеленый (неплохо) */
.rating-info.percent-50-59 { color: #fbc02d; }  /* Желтый (средне) */
.rating-info.percent-40-49 { color: #ff9800; }  /* Оранжевый (плохо) */
.rating-info.percent-0-39 { color: #f44336; }   /* Красный (очень плохо) */

.rating-info.no-votes {
    color: #999;
    font-style: italic;
    font-weight: normal;
}

.rating-info.few-votes {
    color: #666;
    font-weight: normal;
}

/* Классический рейтинг для малого количества оценок */
.rating-block .classic-rating-text {
    margin-left: 8px;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
}

.few-votes-note {
    color: #888 !important;
    font-size: 12px !important;
    margin-left: 5px !important;
    font-style: italic !important;
}

/* Стили для темной темы */
body.dark-theme .rating-block a.star {
    color: #555;
}

body.dark-theme .rating-block a.star.active {
    color: #ffd700;
    text-shadow: 0 0 4px rgba(255, 215, 0, 0.6);
}

body.dark-theme .rating-block:not(.disabled) a.star:hover {
    color: #ffb300;
    text-shadow: 0 0 6px rgba(255, 179, 0, 0.8);
}

body.dark-theme .rating-block a.star.highlight {
    color: #ffb300;
    text-shadow: 0 0 6px rgba(255, 179, 0, 0.8);
}

/* Цветовая схема для процентов в темной теме */
body.dark-theme .rating-info.percent-90-100 { color: #4caf50; } /* Светло-зеленый (топ) */
body.dark-theme .rating-info.percent-80-89 { color: #66bb6a; }  /* Зеленый (отлично) */
body.dark-theme .rating-info.percent-70-79 { color: #8bc34a; }  /* Светло-зеленый (хорошо) */
body.dark-theme .rating-info.percent-60-69 { color: #cddc39; }  /* Желто-зеленый (неплохо) */
body.dark-theme .rating-info.percent-50-59 { color: #ffeb3b; }  /* Желтый (средне) */
body.dark-theme .rating-info.percent-40-49 { color: #ff9800; }  /* Оранжевый (плохо) */
body.dark-theme .rating-info.percent-0-39 { color: #f44336; }   /* Красный (очень плохо) */

body.dark-theme .rating-info.no-votes {
    color: #888;
}

body.dark-theme .rating-info.few-votes {
    color: #bbb;
}

body.dark-theme .rating-block .classic-rating-text {
    color: #bbb;
}

body.dark-theme .few-votes-note {
    color: #aaa !important;
}