/* Адаптивная надстройка над фиксированным макетом (750px).
   Подключается после style.css и ничего не меняет на широких экранах. */

.page-h1 {
	font-size: 20px;
	line-height: 1.3;
	margin: 10px 0 14px 0;
	font-weight: bold;
}

img { max-width: 100%; height: auto; }

@media (max-width: 800px) {
	#wrap { width: auto; max-width: 750px; padding: 0 10px; }
	#navi { width: auto; float: none; }
	#static { width: auto; }
	#advertisement { width: auto; float: none; margin-top: 15px; }
	#content, #content1 { width: 100%; }
	.searchwork_index, .form_toaddreview, .w300 { width: 100% !important; max-width: 300px; box-sizing: border-box; }
	.review_position .date { float: none; display: block; margin-top: 4px; }
	.city_cat_autor span { display: block; margin: 2px 0; }
	table { max-width: 100%; }
	textarea { max-width: 100%; box-sizing: border-box; }
	.pages, .pages_down { overflow-x: auto; }
}

/* ---------- Читаемость и внешний вид (надстройка над style.css) ---------- */

body { font-size: 15px; line-height: 1.6; color: #333; }
#content { width: auto; max-width: 720px; }
#content p, .textreview p { max-width: 70ch; }

/* Крошки */
.breadcrumbs { font-size: 13px; color: #888; margin: 6px 0 4px 0; }
.breadcrumbs a { color: #0072b4; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs .bc-sep { color: #bbb; padding: 0 2px; }

/* Заголовок карточки отзыва */
.review_position { font-size: 18px; line-height: 1.35; padding-top: 22px; }
.review_position > a { text-decoration: none; font-weight: bold; }
.review_position > a:hover { text-decoration: underline; }
.review_position img { vertical-align: middle; opacity: .75; }
.review_position img:hover { opacity: 1; }
.review_position .date { font-size: 12px; color: #999; margin-top: 4px; }

/* Бейдж рейтинга */
.rating {
	display: inline-block; min-width: 26px; text-align: center;
	padding: 0 8px; margin: 0 2px; border-radius: 12px;
	font-size: 13px; font-weight: bold; line-height: 22px; vertical-align: middle;
	background: #eee; color: #555;
}
.rating-pos  { background: #e3f4e6; color: #1e7b34; }
.rating-neg  { background: #fbe4e4; color: #b3261e; }

/* Текст отзыва */
.textreview { font-size: 15px; line-height: 1.6; padding: 14px 18px; background: #f8f8f8; border-color: #e6e6e6; }
.textreview a { white-space: nowrap; margin-left: 4px; }
.city_cat_autor { font-size: 13px; color: #777; margin-top: 6px; }
.city_cat_autor a { text-decoration: none; }
.city_cat_autor a:hover { text-decoration: underline; }

/* Кнопки */
.btn-primary, .btn-secondary {
	display: inline-block; padding: 8px 16px; margin: 0 8px 8px 0; border-radius: 6px;
	text-decoration: none !important; font-size: 14px; line-height: 1.3;
}
.btn-primary { background: #0072b4; color: #fff !important; font-weight: bold; }
.btn-primary:hover { background: #005c92; }
.btn-secondary { background: #f0f0f0; color: #333 !important; border: 1px solid #ddd; }
.btn-secondary:hover { background: #e6e6e6; }
.review-actions { margin-top: 16px; }

/* Главная кнопка «Добавить отзыв» и поиск в шапке */
.add_review, .add_review1 {
	background-image: none !important; background-color: #d9432f;
	width: auto; max-width: 324px; height: auto; padding: 10px 16px;
	border-radius: 6px; font-size: 16px; font-weight: bold; letter-spacing: .5px;
	box-shadow: 0 2px 0 #a92f1f;
}
.add_review:hover, .add_review1:hover { background-color: #c2321f; }
input.searchwork_index, input.searchwork_index1, input.searchwork, input.searchwork1 {
	background-image: none; background-color: #fff; border: 1px solid #ccc; border-radius: 4px;
	height: 34px; padding: 0 10px; font-size: 14px; box-sizing: border-box;
}
input.searchwork_index:focus, input.searchwork:focus { border-color: #0072b4; outline: none; }
input.gosearch { height: 34px; padding: 0 14px; border: 0; border-radius: 4px; background: #0072b4; color: #fff; font-weight: bold; cursor: pointer; }
input.gosearch:hover { background: #005c92; }
#advertisement h3 { font-size: 22px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #222; }
#navi p { color: #777; font-size: 13px; }

/* Пагинация */
.IRB_paginator, .IRB_paginator_active { border-radius: 4px; margin: 0 2px 4px 0; }
.IRB_paginator_active { background: #0072b4; color: #fff; border-color: #0072b4; }

/* Футер */
#footer { margin-top: 30px; padding-top: 14px; border-top: 1px solid #eee; font-size: 13px; color: #888; }

/* Похожие отзывы на странице отзыва */
.similar { margin-top: 28px; padding-top: 16px; border-top: 1px solid #eee; }
.similar-title { font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 8px 0; }
.similar-list { padding: 0; margin: 0 0 12px 0; }
.similar-list li { padding: 5px 0; border-bottom: 1px dotted #e6e6e6; }
.similar-list a { text-decoration: none; font-weight: bold; }
.similar-list a:hover { text-decoration: underline; }
.similar-meta { color: #999; font-size: 12px; margin-left: 8px; }

/* SmartCaptcha и поле-ловушка */
.smart-captcha { max-width: 300px; margin: 4px 0; }
.hp-field { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }

/* Кнопки отправки форм */
input[type="submit"]:not(.gosearch) {
	padding: 8px 18px; border: 0; border-radius: 6px; background: #0072b4; color: #fff;
	font-size: 14px; font-weight: bold; cursor: pointer;
}
input[type="submit"]:not(.gosearch):hover { background: #005c92; }
.view_add_comm h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }