/* Фишка ремонта: стандартная тема MyBB в цветах рулетки (синий корпус, жёлтая лента, графит). Подключается после стилей темы Default. */
:root { --main: #2463c4; --dark: #1b2a44; --light: #e7effb; --accent: #c98a00; --honey: #f2b01e; --bg: #eef1f5; --row1: #ffffff; --row2: #f6f8fb; --line: #d4dbe6; --text: #1d2430; --link: #1d55ad; --tcat: #e3ebf7; }
body { background: var(--bg); color: var(--text); font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif; }
#container, table, input.textbox, textarea, select, button, input.button { font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif; color: var(--text); }
a:link, a:visited { color: var(--link); }
a:hover, a:active { color: var(--dark); }
#content { background: #fff; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
#logo { border-bottom: 0; }
#panel .upper { background: var(--dark); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(0,0,0,.35); }
#panel .lower { background: var(--row2); border-bottom: 1px solid var(--line); color: #6d6560; }
#search input.textbox { border-color: rgba(0,0,0,.35); }
#search input.button { background: var(--accent); border-color: rgba(0,0,0,.35); color: #fff; }
.tborder { border-color: var(--line); }
.thead { background: var(--main); color: #fff; border-bottom: 1px solid var(--dark); }
.tcat { background: var(--tcat); color: var(--dark); border-top: 1px solid #fff; border-bottom: 1px solid var(--line); }
.tcat a:link, .tcat a:visited, .tcat a:hover, .tcat a:active { color: var(--dark); }
.trow1 { background: var(--row1); border-color: #fff var(--line) var(--line) #fff; }
.trow2 { background: var(--row2); border-color: #fff var(--line) var(--line) #fff; }
.trow_sep { background: var(--tcat); color: var(--dark); border-bottom-color: var(--line); }
.tfoot { background: var(--tcat); color: var(--dark); }
.tfoot a:link, .tfoot a:visited { color: var(--dark); }
.navigation, .navigation .active { color: var(--text); }
button, input.button { background: var(--main); color: #fff; border: 1px solid var(--dark); border-radius: 2px; }
button:hover, input.button:hover { background: var(--dark); border-color: var(--dark); }
a.button:link, a.button:hover, a.button:visited, a.button:active { background: var(--main); border-color: var(--dark); color: #fff; }
.pagination a { background: #fff; border-color: var(--line); }
.pagination a:hover { background: var(--main); border-color: var(--dark); color: #fff; }
.pagination .pagination_current { color: var(--dark); }
.pagination_breadcrumb { outline-color: var(--line); background: var(--row2); }
blockquote, .codeblock { border-color: var(--line); background: var(--row1); }
blockquote cite, .codeblock .title { border-bottom-color: var(--line); color: var(--dark); }
.post .post_author { background: var(--row2); border-bottom-color: var(--line); border-top-color: var(--main); }
.post.classic .post_author { border-color: var(--line); }
.post .post_author div.author_avatar img { border-color: var(--line); }
.post .post_head { border-bottom-color: var(--line); }
.post_controls { background: var(--row2); border-bottom-color: var(--line); }
.postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_button { background: #fff; border-color: var(--line); color: var(--dark); }
.post_content .signature { border-top-color: var(--line); }
fieldset { border-color: var(--line); }
hr { background-color: var(--line); color: var(--line); }
#footer .upper { background: var(--dark); border-top: 0; border-bottom: 0; }
#footer .upper a:link, #footer .upper a:visited, #footer .upper a:hover { color: #fff; }
#footer .lower { color: #6d6560; font-size: 12px; }
#footer .lower #copyright { display: block; }

/* шапка «рулетка»: белая полоса, снизу жёлтая лента с делениями, эмблема-рулетка на синей плашке */
#logo { background: var(--row1); padding: 14px 0; border-top: 5px solid var(--main); border-bottom: 0; position: relative; }
#logo::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: repeating-linear-gradient(90deg, #1b2a44 0 1px, transparent 1px 10px) bottom / 100% 4px no-repeat, var(--honey); }
.fk-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none !important; }
.fk-emblem { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 10px; background: var(--main); }
.fk-name { color: var(--dark); font: 700 26px/1.1 "Trebuchet MS", "Segoe UI", Arial, sans-serif; }
.fk-name small { display: block; margin-top: 4px; color: #4c5868; font: 14px/1.3 "Trebuchet MS", "Segoe UI", Arial, sans-serif; }
#logo ul.top_links { margin-top: 18px; }
#logo ul.top_links a.fk-rules { background: none; padding-left: 0; }
.thead { background: var(--main); }
.thead a:link, .thead a:visited { color: #fff; }
.tcat { font-weight: bold; }
.tcat { text-transform: none; }
/* ссылки в сообщениях: свой стиль форума — «изолента»: короткий скошенный кусок жёлтой ленты под словом (параллелограмм градиентами), без подчёркивания */
:is(.post_body, .signature, [class*="-post__body"], [class*="-post__sign"]) a.mycode_url,
:is(.post_body, .signature) a.mycode_url:visited { color: var(--dark); font-weight: bold; text-decoration: none; padding: 0 4px; background: linear-gradient(100deg, transparent 4px, rgba(242, 176, 30, .42) 4px, rgba(242, 176, 30, .42) calc(100% - 4px), transparent calc(100% - 4px)) 0 62% / 100% 52% no-repeat; }
:is(.post_body, .signature, [class*="-post__body"], [class*="-post__sign"]) a.mycode_url:hover,
:is(.post_body, .signature, [class*="-post__body"], [class*="-post__sign"]) a.mycode_url:focus-visible { color: #0f1a2e; background: linear-gradient(100deg, transparent 4px, rgba(36, 99, 196, .22) 4px, rgba(36, 99, 196, .22) calc(100% - 4px), transparent calc(100% - 4px)) 0 50% / 100% 100% no-repeat; }
:is(.post_body, .signature) a.mycode_url::after { content: none; }
@media (max-width: 900px) { .fk-name { font-size: 20px; } .fk-emblem { width: 42px; height: 42px; } }

/* телефон и планшет: та же классика, без горизонтальной прокрутки страницы */
@media (max-width: 900px) {
	#container { min-width: 0; }
	.wrapper { width: auto !important; min-width: 0 !important; max-width: none; margin: 0 12px; }
	#content { padding: 14px 12px; border: 0; }
	#panel .upper #search { float: none; margin: 0 0 8px; display: flex; gap: 6px; }
	#panel .upper #search input.textbox { flex: 1; min-width: 0; }
	.tborder td[align="center"], .tborder td.tcat[align="center"], .tborder td.thead[align="center"] { display: none; }
	.tborder td .smalltext, .tborder td { overflow-wrap: anywhere; }
	.post.classic .post_author { float: none; width: auto; margin: 0 0 10px; border-left: 1px solid var(--line); padding: 8px; }
	.post.classic .post_content { float: none; width: auto; padding: 0 2px; }
	.post .post_author div.author_statistics { float: none; padding: 6px 0 0; }
	.post_body img { max-width: 100%; height: auto; }
	#footer .upper ul.bottom_links { float: none; }
	#footer .upper ul.bottom_links li { margin: 0 12px 6px 0; }
	ul.menu.top_links { float: none; margin: 8px 0 0; padding: 0; }
}

/* заголовки h1 в классическом виде */
.fk-intro { margin: 0 0 14px; padding: 0 2px; }
.fk-h1 { margin: 0 0 6px; font: 700 24px/1.25 "Trebuchet MS", "Segoe UI", Arial, sans-serif; color: var(--dark); }
.fk-intro p { margin: 0; max-width: 880px; color: #5f5752; }
.fk-th1 { display: inline; margin: 0; font-size: inherit; line-height: inherit; font-weight: bold; color: inherit; }
.fk-ph1 { display: inline; margin: 0; font-weight: bold; }
.thread_start_datetime, .post .post_head span.post_date, .post .post_meta, .smalltext { color: #5f5a56; }
.offline { color: #7d838a; }

/* статус проблемы (префиксы тем) */
.fk-status { display: inline-block; margin-right: 6px; padding: 1px 7px; border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 16px; vertical-align: 1px; color: #fff; background: #5d6878; }
.fk-status--problem { background: #9f3221; }
.fk-status--solved { background: #2f7a3e; }
.fk-status--tip { background: #f2b01e; color: #1b2a44; }
.fk-status--urgent { background: #8f1d6b; }
.fk-status--tested { background: #1d55ad; }
.fk-intro { margin: 0 0 14px; padding: 0 2px; }
.fk-h1 { margin: 0 0 6px; font: 700 24px/1.25 "Trebuchet MS", "Segoe UI", Arial, sans-serif; color: var(--dark); }
.fk-intro p { margin: 0; max-width: 880px; color: #5f5752; }
.fk-th1 { display: inline; margin: 0; font-size: inherit; line-height: inherit; font-weight: bold; color: inherit; }
.fk-ph1 { display: inline; margin: 0; font-weight: bold; }
.thread_start_datetime, .post .post_head span.post_date, .post .post_meta, .smalltext { color: #5f5a56; }
.offline { color: #7d838a; }

.fk-intro { background: var(--row1); border: 1px solid var(--line); border-top: 4px solid var(--main); padding: 12px 16px; border-radius: 2px; }
.post .post_author { border-top: 3px solid var(--honey); background: var(--light); }
.post .post_author div.author_avatar img { border-radius: 6px; }
.post_body { line-height: 1.55; }
blockquote { border-left: 4px solid var(--main) !important; background: var(--light); }

/* читаемые размеры поверх Default (там 13px и 11px) */
body, table, td, input.textbox, textarea, select, button, input.button { font-size: 14px; }
.smalltext, .tcat, .thead .smalltext, .navigation, #panel .upper, #panel .lower, .post .post_head span.post_date, .post .post_author div.author_statistics, .postbit_buttons > a:link, .pagination a, .pagination .pages, .pagination_current, .forum_legend, .thread_legend, #footer .lower { font-size: 13px !important; }
.post_body { font-size: 15px; }
.largetext { font-size: 18px; }

/* значки тем: thread_status.css движок подключает только к forumdisplay.php, а с ЧПУ страницы идут через seo.php */
.thread_status {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../../images/folders_sprite.png);
	background-repeat: no-repeat;
}

.thread_status.dot_folder {
	background-position: 0 0;
}

.thread_status.dot_hotfolder {
	background-position: 0 -20px;
}

.thread_status.dot_hotclosefolder {
	background-position: 0 -40px;
}

.thread_status.dot_closefolder {
	background-position: 0 -60px;
}

.thread_status.dot_newfolder {
	background-position: 0 -80px;
}

.thread_status.dot_newhotfolder {
	background-position: 0 -100px;
}

.thread_status.dot_newhotclosefolder {
	background-position: 0 -120px;
}

.thread_status.dot_newclosefolder {
	background-position: 0 -140px;
}

.thread_status.folder {
	background-position: 0 -160px;
}

.thread_status.hotfolder {
	background-position: 0 -180px;
}

.thread_status.hotclosefolder {
	background-position: 0 -200px;
}

.thread_status.closefolder {
	background-position: 0 -220px;
}

.thread_status.movefolder {
	background-position: 0 -240px;
}

.thread_status.newfolder {
	background-position: 0 -260px;
}

.thread_status.newhotfolder {
	background-position: 0 -280px;
}

.thread_status.newhotclosefolder {
	background-position: 0 -300px;
}

.thread_status.newclosefolder {
	background-position: 0 -320px;
}
/* телефон: колонку «последнее сообщение» прячем, название раздела и темы получают всю ширину */
@media (max-width: 600px) {
	.tborder td[align="right"], .tborder td.tcat[align="right"] { display: none; }
	.fk-name { font-size: 20px; }
	.fk-emblem { width: 44px; height: 44px; }
	.fk-emblem svg { width: 36px; height: 36px; }
}
@media (max-width: 600px) { #posts_container, .tborder .thead .float_right { } .tborder td.thead > .float_right { display: none; } }