/* Дополнения к дизайну test.ravanda.org для страниц нового контура.

   Основные стили — /css/rvd.min.css: файл старого сайта, перенесённый целиком
   (все иконки и логотип внутри него как SVG). Здесь только то, чего на старом
   сайте не было: хабы, каталог, пагинация, сообщения, окна на странице
   вместо всплывающих.

   Легаси-страницы ravanda.ru ни этот файл, ни rvd.min.css не подключают —
   их вёрстка часть байтового контракта. */

/* --- ловушка для обходчиков: в документе есть, на экране нет --- */
.hp {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* --- ссылки внутри контента: в старом дизайне фиолетовые, без подчёркивания --- */
.page a { color: #9c27b0; }
.page a:hover { color: #7e198f; }
.q_card, .q_card:hover { color: #000; }

/* --- подвал --- */
.rvd_footer {
	max-width: 1200px;
	margin: 30px auto 0;
	padding: 18px 12px 26px;
	border-top: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	font-size: 14px;
}
.rvd_footer a { color: #9c27b0; letter-spacing: .03em; }

/* --- шапка: баланс ссылкой вместо спана старого сайта --- */
a.header_balance_text { color: #fff; }

/* --- страница вопроса --- */
.q_page_l_name a { color: #000; border-bottom: 1px dotted #9c27b0; }
.q_page_msg {
	margin: 14px 12px 0;
	padding: 12px 14px;
	border: 1px solid #e0c8ea;
	background: #faf5fc;
	border-radius: 3px;
	line-height: 150%;
	text-align: center;
}
.q_page_result_answer { margin: 20px 12px 0; line-height: 150%; word-break: break-word; }
.q_page_result_answer img { max-width: 100%; height: auto; }
.q_page_result_text { text-indent: 16px; }

.q_variants { margin: 30px 12px 0; }
.q_variants_hint { font-size: 14px; color: #666; margin: 0 0 10px; }
.q_variants_list { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.q_variants_list a {
	display: inline-block;
	border: 1px solid #9c27b0;
	border-radius: 3px;
	padding: 4px 10px;
	font-size: 14px;
}
.q_variants_list a:hover { background: #9c27b0; color: #fff; }

/* --- похожие вопросы на странице вопроса --- */
.q_similar { margin: 30px 12px 0; }
.q_similar h2 { font-size: 16px; margin: 0 0 8px; }
.q_similar_list { list-style: none; margin: 0; padding: 0; }
.q_similar_list li { border-bottom: 1px solid #eee; }
.q_similar_list li:last-child { border-bottom: 0; }
.q_similar_list a { display: block; padding: 10px 4px; color: #000; line-height: 145%; }
.q_similar_list a:hover { color: #9c27b0; }

/* --- заголовки и крошки хабов, каталога, поиска --- */
.rvd_crumbs { padding: 16px 12px 0; font-size: 14px; color: #666; }
.rvd_crumbs_sep { margin: 0 6px; color: #bbb; }
.rvd_h1 {
	padding: 14px 12px 10px;
	font-size: 26px;
	font-weight: 700;
	color: #9c27b0;
	letter-spacing: .03em;
}
@media (max-width: 768px) { .rvd_h1 { font-size: 21px; } }
.rvd_meta { padding: 0 12px 8px; color: #555; }
.q_card_text { margin-top: 4px; }
.q_card_subject { margin-top: 6px; font-size: 13px; color: #888; }

/* --- пагинация --- */
.pages {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
	padding: 20px 12px;
}
.pages a {
	padding: 10px 18px 9px;
	background: #9c27b0;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .05em;
	border-radius: 3px;
}
.pages a:hover { background: #7e198f; }
.pages_pos { color: #555; }

/* --- каталог --- */
.catalog_page .search_block { margin: 0 0 18px; }
.rvd_subjects {
	list-style: none;
	margin: 0;
	padding: 0 12px;
	columns: 3 260px;
	column-gap: 26px;
}
.rvd_subject {
	break-inside: avoid;
	padding: 7px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	line-height: 140%;
}
.rvd_subject_n {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 700;
	color: #9c27b0;
}
.catalog_soon { color: #aaa; }

/* --- окна на странице (вход, кабинет, оплата) --- */
.rvd_single { padding: 26px 8px; }
.rvd_win {
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
	border: 1px solid #ddd;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}
.rvd_win_wide { width: 560px; }
.rvd_win_body { padding: 0 24px; }
.rvd_center { text-align: center; padding: 6px 18px; line-height: 150%; }
.rvd_dim { color: #888; font-size: 14px; }
.rvd_links { margin-top: 12px; }
.rvd_btn { width: max-content; max-width: 90%; margin: 16px auto 8px; text-align: center; min-width: 260px; }
a.rvd_btn { color: #fff !important; }
.pop_login_note { max-width: 330px; margin: 6px auto 0; text-align: center; font-size: 14px; color: #666; line-height: 145%; }

.rvd_msg { margin: 0 18px 14px; padding: 11px 14px; border-radius: 3px; line-height: 145%; font-size: 15px; }
.rvd_msg_err { background: #fdeaea; border: 1px solid #f3c2c2; }
.rvd_msg_info { background: #faf5fc; border: 1px solid #e0c8ea; }

/* окно покупки: строки-пакеты и кнопки способов оплаты */
.pop_tariff_item { color: #000; align-items: center; }
.pop_tariff_item:focus-visible, .pop_pay_method_item:focus-visible { outline: 2px solid #9c27b0; outline-offset: -2px; }
.pop_pay_method_item { font: inherit; color: #000; border-left: 0; border-right: 0; border-top: 0; text-align: left; }
#pop_pay_result .pop_win { max-width: 420px; }
#pop_pay_result .rvd_msg { margin-top: 6px; }