@font-face {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
}

#simplerating {
	padding: 10px 0;
	font-size: 11px;
	line-height: 1;
}
#simplerating #sr-stars {
	color: orange;
	display: table-cell;
	vertical-align: middle;
}
#simplerating #sr-saved {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
#simplerating #sr-count {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
#simplerating #sr-text-score {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
.simplerating-list {
	color: orange;
	font-size: 11px;
}

/* ==========================================================================
   ФІКС МОДУЛЯ РЕЙТИНГУ: ВИРІВНЮВАННЯ В ОДИН РЯДОК ДЛЯ ТЕМИ IVEN
   ========================================================================== */

/* 1. Створюємо автоматичний флекс-контейнер навколо елементів рейтингу */
.primary_block .frame-star,
.primary_block #simplerating {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Обгортка для того, щоб змусити батьківський блок тримати їх в одну лінію */
.primary_block div[itemprop="aggregateRating"],
.primary_block .comments_note,
#product_comments_block_extra {
    display: flex !important;
    align-items: center !important; /* Рівняємо текст і зірки строго по центру */
    flex-wrap: wrap !important;
    line-height: normal !important;
}

/* 3. Налаштування відступу самого блоку із зірочками */
.primary_block #simplerating {
    margin-left: 10px !important;
    padding: 0 !important;
    display: inline-flex !important; /* Дозволяє зірочкам бути в лінію з текстом */
    align-items: center !important;
}

/* 4. Повертаємо рідний inline-block для зірочок, щоб працював JS і кліки */
.primary_block #simplerating #sr-stars {
    color: #f39c12 !important; /* Гарний золотий колір зірочок */
    display: inline-block !important; 
    vertical-align: middle !important;
    float: none !important;
}

/* 5. Розмір зірочок під шрифт вашого сайту */
.primary_block #simplerating #sr-stars i {
    font-size: 14px !important;
    margin-right: 2px !important;
    cursor: pointer;
    vertical-align: middle !important;
}

/* 6. Ховаємо зайві цифри-дублікати, які заважають в один рядок */
.primary_block #simplerating #sr-count,
.primary_block #simplerating #sr-text-score {
    display: none !important;
}

/* 7. СТИЛЬ ДЛЯ НАПИСУ "Vote saved" — БЕЗ !important */
.primary_block #simplerating #sr-saved {
    background-color: #2ecc71; /* Зелений колір успіху */
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
    margin-left: 12px;
    display: none; /* Спочатку сховано, керується ТІЛЬКИ через JavaScript */
    vertical-align: middle;
}

/* 8. Текст "Рейтинг: X из X (X)" */
.primary_block .frame-star {
    font-size: 13px !important;
    color: #555 !important;
    line-height: normal !important;
}

.primary_block .frame-star .bold {
    font-weight: 600 !important;
    color: #333 !important;
}