/* ---- Majbud RP Forum Style for MyBB ---- */
/* Black Russia-like Dark Theme (Optimized for accessibility and usability) */

:root {
  --bg-page: #0f0f0f;
  --bg-container: #1a1a1a;
  --bg-block: #202020;
  --text-main: #a3a3a3;       /* более контрастный текст */
  --text-muted: #888888;
  --accent: #d32f2f;           /* Красный акцент */
  --accent-hover: #ff4444;
  --accent-active: #a30000;
  --border-color: #2a2a2a;
  --focus-outline: #ff4444;
}

/* --- Общий фон и текст --- */
body, html {
  background-color: var(--bg-page);
  color: var(--text-main);
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

/* --- Контейнеры --- */
#content, .tborder, .post, .postcontent, .postbit, .quickreply {
  background-color: var(--bg-container);
  color: var(--text-main);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin-bottom: 1em;
  padding: 1em;
}

/* --- Шапка форума --- */
#header, #header .container {
  background-color: var(--bg-container);
  color: #fff;
  border-bottom: 2px solid var(--accent);
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 20px;
}

#header span {
  color: var(--accent);
}

/* --- Навигация --- */
#navigation, #navigation .container {
  background-color: var(--bg-block);
  border-bottom: 1px solid var(--border-color);
}

#navigation ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
}

#navigation ul li {
  list-style: none;
  margin: 0 8px;
}

#navigation a {
  color: var(--text-main);
  font-weight: bold;
  text-decoration: none;
  transition: color 0.2s;
}

#navigation a:hover, .active a {
  color: var(--accent);
}

/* --- Пользовательские ссылки в навигации --- */
#userlinks {
  display: inline-block;
  float: right;
  margin: 0;
  padding: 0;
}

#userlinks li {
  display: inline-block;
  margin: 0 10px;
}

#userlinks li a {
  color: var(--accent);
  text-decoration: none;
  font-weight: bold;
  transition: color 0.2s;
}

#userlinks li a:hover {
  color: var(--accent-hover);
}

#userlinks li a:active {
  color: var(--accent-active);
}

/* --- Ссылки --- */
a {
  color: var(--accent);
  text-decoration: none;
  transition: color 0.2s;
}
a:hover {
  color: var(--accent-hover);
  text-decoration: underline;
}
a:active {
  color: var(--accent-active);
}

/* --- Заголовки --- */
h1, h2, h3 {
  color: #fff;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* --- Посты --- */
.post {
  background-color: var(--bg-block);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 12px;
}

.post h3 {
  color: #fff;
  margin-bottom: 6px;
}

/* --- Цитаты и код --- */
blockquote, .code, .quote {
  background-color: #262626;
  border-left: 3px solid var(--accent);
  padding: 8px 12px;
  margin: 8px 0;
  font-size: 13px;
  color: var(--text-main);
}

/* --- Подписи и мелкий текст --- */
.post .smalltext, .post .signature, em {
  color: var(--text-muted);
}

/* --- Кнопки --- */
input[type="submit"], button, .button, .submit {
  background-color: var(--accent);
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

input[type="submit"]:hover, button:hover, .button:hover, .submit:hover {
  background-color: var(--accent-hover);
}

input[type="submit"]:active, button:active, .button:active, .submit:active {
  background-color: var(--accent-active);
}

/* --- Поля ввода --- */
input, textarea, select {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 14px;
  transition: border 0.2s, box-shadow 0.2s;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid var(--accent);
  outline: 2px solid var(--focus-outline);
  outline-offset: 2px;
  background-color: #252525;
}

/* --- Лейблы и текст рядом с полями --- */
label, .form_row label, legend {
  color: var(--accent);
  font-weight: bold;
  cursor: pointer;
  transition: color 0.2s;
}

label:hover, .form_row label:hover {
  color: var(--accent-hover);
}

label:active, .form_row label:active {
  color: var(--accent-active);
}

/* --- Редактор постов --- */
textarea#message, .cke_contents, .wysiwyg_editor {
  background-color: #1e1e1e;
  color: #e0e0e0;
}

/* --- Подвал --- */
#footer, #footer .container {
  background-color: var(--bg-container);
  color: var(--text-muted);
  text-align: center;
  font-size: 12px;
  padding: 12px;
  border-top: 1px solid var(--border-color);
}

/* --- Хлебные крошки --- */
.navigation, .navigation a {
  display: inline-block;
  color: var(--text-main);
  text-decoration: none;
  font-size: 14px;
}

.navigation a {
  color: var(--accent);
}
.navigation a:hover {
  color: var(--accent-hover);
}
.navigation a:active {
  color: var(--accent-active);
}

.navigation {
  padding: 8px 20px;
  background-color: var(--bg-block);
  border-bottom: 1px solid var(--border-color);
}

/* --- Скрытие подфорумов только для визуального упрощения --- */
body.body_index .subforums,
body.body_index .forum_subforums,
body.body_index .subforum,
body.body_index tr.subforums,
body.body_index ol.forums,
body.body_index .subforum_minis,
body.body_index .subforum_legend,
body.body_index .subforum_title {
  visibility: hidden; /* безопаснее для доступности */
}