/* Стили для компонента выбора рейтинга звездами */
.rating-stars {
	display: inline-block;
}

.rating-stars-container {
	display: inline-flex;
	gap: 4px;
	align-items: center;
}

.rating-star {
	font-size: 32px;
	color: #ffc107;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: transform 0.1s, color 0.1s;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

.rating-star:hover:not(.rating-star-empty) {
	transform: scale(1.15);
}

.rating-star:active {
	transform: scale(0.95);
}

.rating-star:focus {
	outline: 2px solid #ffc107;
	outline-offset: 2px;
	border-radius: 2px;
}

.rating-star-full {
	color: #ffc107;
}

.rating-star-empty {
	color: #ddd;
}

.rating-star[readonly] {
	cursor: default;
}

.rating-star[readonly]:hover {
	transform: none;
}

/* Поддержка темной темы */
[data-theme='dark'] .rating-star-empty {
	color: #666;
}

[data-theme='dark'] .rating-star-full {
	color: #ffc107;
}

[data-theme='dark'] .rating-star:focus {
	outline-color: #ffc107;
}

/* Стили для заголовков фильтров в модальном окне настроек */
.complaints-filter-label {
	color: inherit;
}

[data-theme='dark'] .complaints-filter-label,
[data-theme='dark'] #settingsModal .complaints-filter-label,
body[data-theme='dark'] .complaints-filter-label,
body[data-theme='dark'] #settingsModal .complaints-filter-label {
	color: #ffffff !important;
}

/* Стили для выравнивания кнопки и звезд */
.rating-filter-wrapper {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Стили для отображения рейтинга в карточках (только для чтения) */
.rating-display {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	margin-top: 4px;
}

.rating-display .star {
	font-size: 20px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.rating-display .star-filled {
	color: #ffc107;
}

.rating-display .star-empty {
	color: #ddd;
}

.rating-display .rating-value {
	margin-left: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	vertical-align: middle;
}

/* Поддержка темной темы для отображения рейтинга */
[data-theme='dark'] .rating-display .star-empty,
body[data-theme='dark'] .rating-display .star-empty {
	color: #666;
}

[data-theme='dark'] .rating-display .star-filled,
body[data-theme='dark'] .rating-display .star-filled {
	color: #ffc107;
}

[data-theme='dark'] .rating-display .rating-value,
body[data-theme='dark'] .rating-display .rating-value {
	color: #ccc;
}