/* Форма отзыва о клинике. Разметка в clinic.tpl была, а стилей к ней не было
   ни в одном файле — блок выводился голым текстом: варианты оценки строками,
   дополнительные оценки столбиком цифр. Звёзды берём те же, что и в остальных
   рейтингах сайта (star_empty.png / star_full.png из style.css). */

/* Фильтр отзывов «Все / Положительные / Отрицательные / Нейтральные».
   Радиокнопки прячем, оформляем сами подписи — стилей тоже не было. */
.card_block_select_rew form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 0 18px;
}

.card_block_select_rew .select_rew label {
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid #DEDFE2;
	border-radius: 20px;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	background: #fff;
}

.card_block_select_rew .select_rew label:hover { border-color: #029363; }
.card_block_select_rew .radio { position: absolute; opacity: 0; pointer-events: none; }
.card_block_select_rew .radio-custom { display: none; }

.card_block_select_rew .select_rew label:has(.radio:checked) {
	background: #029363;
	border-color: #029363;
	color: #fff;
}

.card_add_rew {
	background: #F7F8FC;
	border: 1px solid #DEDFE2;
	border-radius: 4px;
	padding: 20px;
	margin: 0 0 30px;
}

.car_type .text { color: #555; margin: 0 0 14px; }

/* --- Общая оценка: пять вариантов со звёздами ------------------------------ */

.ratings_block { margin: 0 0 18px; }

.rt_block {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 10px;
	border: 1px solid transparent;
	border-radius: 3px;
	cursor: pointer;
	max-width: 340px;
}

.rt_block:hover { background: #EFF1F7; }

.rt_block.active {
	background: #fff;
	border-color: #029363;
}

/* Полоса из пяти звёзд: пустые фоном, заполненные — вложенным блоком по ширине */
.rt_stars {
	width: 120px;
	height: 22px;
	background: url(star_empty.png) repeat-x 0 0;
	background-size: 24px 22px;
	flex: none;
}

.rt_stars div {
	height: 22px;
	background: url(star_full.png) repeat-x 0 0;
	background-size: 24px 22px;
}

.rt_text { font-size: 15px; color: #333; }
.rt_text span { color: #777; }

/* --- Текст отзыва ---------------------------------------------------------- */

.car_textarea textarea {
	width: 100%;
	min-height: 120px;
	padding: 12px;
	border: 1px solid #DEDFE2;
	border-radius: 3px;
	font: inherit;
	resize: vertical;
	box-sizing: border-box;
}

.car_textarea textarea:focus { border-color: #029363; outline: none; }

/* --- Дополнительные оценки ------------------------------------------------- */

.car_dop_text { font-weight: 700; margin: 18px 0 10px; }

.car_dop_tr {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 7px 0;
	border-bottom: 1px solid #E7E8EC;
	flex-wrap: wrap;
}

.car_dop_tr:last-child { border-bottom: 0; }
.car_dop_td:first-child { min-width: 190px; color: #333; }

/* Звёзды выбора. В разметке они идут от 5 к 1, поэтому разворачиваем строку:
   так первая слева — единица, а правило «:hover ~» подсвечивает всё левее. */
.dop_r, .dop_p, .dop_e {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.dop_r .num, .dop_p .num, .dop_e .num {
	width: 26px;
	height: 24px;
	background: url(star_empty.png) no-repeat 0 0;
	background-size: 24px 22px;
	cursor: pointer;
	font-size: 0;           /* цифру прячем, но оставляем в разметке для доступности */
	color: transparent;
}

.dop_r .num:hover, .dop_r .num:hover ~ .num,
.dop_p .num:hover, .dop_p .num:hover ~ .num,
.dop_e .num:hover, .dop_e .num:hover ~ .num,
.dop_r .num.on, .dop_p .num.on, .dop_e .num.on {
	background-image: url(star_full.png);
}

/* --- Кнопка ---------------------------------------------------------------- */

.car_btn { margin-top: 18px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }

.button_add input[type="submit"] {
	background: #029363;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 12px 26px;
	font-size: 15px;
	cursor: pointer;
}

.button_add input[type="submit"]:hover { background: #006F4A; }

.howto_write_opinion_title span {
	color: #777;
	font-size: 13px;
	border-bottom: 1px dashed currentColor;
	cursor: help;
}

.rev_red_t, .rev_red_r { color: #C0392B; margin-top: 8px; font-size: 14px; }

/* Оценка врача-коллеги в блоке «Врачи-коллеги» на карточке врача.
   Звёзды используют .dcard-stars из listing.css — один вид по всему сайту. */
.dr_rating {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 4px;
	font-size: 13px;
	flex-wrap: wrap;
}

.dr_rating .dr_score { font-weight: 700; color: #333; }
.dr_rating .dr_cnt { color: #8A96A0; }

/* Рейтинг в шапке карточки клиники — те же звёзды, стилей тоже не было. */
.rating .r_stars {
	width: 120px;
	height: 22px;
	background: url(star_empty.png) repeat-x 0 0;
	background-size: 24px 22px;
	display: inline-block;
	vertical-align: middle;
}

.rating .r_stars div { height: 22px; background: url(star_full.png) repeat-x 0 0; background-size: 24px 22px; }

@media (max-width: 767px) {
	.card_add_rew { padding: 14px; }
	.car_dop_td:first-child { min-width: 100%; }
}