/**
 * Тёплая палитра (theme==0): фон страницы, ширина контейнера, акценты,
 * карточки .block / .block_head в стиле cshero (banner.tpl).
 */

/* Фон: угольный как виньетка у bg6 + картинка по центру (img/custom/bg6.jpg) */
/* Используем ::before вместо background-attachment:fixed — позволяет GPU-слой */
html {
	min-height: 100%;
	background-color: #121214;
	scrollbar-gutter: stable;
}

html::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background-image: url("../img/custom/bg6.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

body {
	background-color: transparent !important;
	min-height: 100%;
}

.wapper.container-fluid {
	background-color: transparent;
	min-height: 100vh;
	min-height: 100dvh;
}

.wapper > .content {
	background-color: transparent;
}

@media (min-width: 1200px) {
	.wapper .container {
		max-width: 1318px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.wapper .container {
		max-width: 100% !important;
	}
}

.wapper a {
	color: #c43a00;
}

.wapper a:hover,
.wapper a:focus {
	color: #ff3d00;
}

.wapper a.small {
	color: #b8b5b0;
	border-bottom-color: rgba(255, 61, 0, 0.45);
}

.wapper a[onclick] {
	color: #c43a00;
}

/*
 * Кнопки: primary.css задаёт синий через селекторы button.btn.btn-primary и т.п.
 * (специфичность выше, чем у .wapper .btn-primary) — дублируем с префиксом .wapper.
 */
.wapper a.btn.btn-primary,
.wapper a.btn.active,
.wapper input.btn.btn-primary,
.wapper input.btn.active,
.wapper button.btn.btn-primary,
.wapper button.btn.active,
.wapper label.btn.btn-primary,
.wapper label.btn.active {
	color: #ffffff !important;
	background: linear-gradient(135deg, #ff3d00, #ff6200) !important;
	border-color: #ff3d00 !important;
}

.wapper a.btn.btn-primary span,
.wapper a.btn.active span,
.wapper input.btn.btn-primary span,
.wapper input.btn.active span,
.wapper button.btn.btn-primary span,
.wapper button.btn.active span,
.wapper label.btn.btn-primary span,
.wapper label.btn.active span {
	color: #ffffff !important;
}

.wapper a.btn.btn-primary:hover,
.wapper a.btn.btn-primary:focus,
.wapper input.btn.btn-primary:hover,
.wapper input.btn.btn-primary:focus,
.wapper button.btn.btn-primary:hover,
.wapper button.btn.btn-primary:focus,
.wapper label.btn.btn-primary:hover,
.wapper label.btn.btn-primary:focus {
	color: #ffffff !important;
	background: linear-gradient(135deg, #ff5200, #ff7700) !important;
	border-color: #ff5200 !important;
}

.wapper a.btn.btn-outline-primary,
.wapper a.btn.btn-default,
.wapper input.btn.btn-outline-primary,
.wapper input.btn.btn-default,
.wapper button.btn.btn-outline-primary,
.wapper button.btn.btn-default,
.wapper label.btn.btn-outline-primary:not(.active),
.wapper label.btn.btn-default:not(.active) {
	background: #ffffff !important;
	color: #c43a00 !important;
	border-color: rgba(255, 61, 0, 0.45) !important;
}

.wapper a.btn.btn-outline-primary:hover:not([disabled]),
.wapper a.btn.btn-default:hover:not([disabled]),
.wapper input.btn.btn-outline-primary:hover:not([disabled]),
.wapper input.btn.btn-default:hover:not([disabled]),
.wapper button.btn.btn-outline-primary:hover:not([disabled]),
.wapper button.btn.btn-default:hover:not([disabled]),
.wapper label.btn.btn-outline-primary:hover:not([disabled]):not(.active),
.wapper label.btn.btn-default:hover:not([disabled]):not(.active) {
	background: linear-gradient(135deg, #ff5200, #ff7700) !important;
	border-color: #ff5200 !important;
	color: #ffffff !important;
}

.wapper a.btn.btn-outline-primary:hover:not([disabled]) span,
.wapper a.btn.btn-outline-primary:hover:not([disabled]) i,
.wapper a.btn.btn-default:hover:not([disabled]) span,
.wapper a.btn.btn-default:hover:not([disabled]) i,
.wapper input.btn.btn-outline-primary:hover:not([disabled]) span,
.wapper input.btn.btn-outline-primary:hover:not([disabled]) i,
.wapper input.btn.btn-default:hover:not([disabled]) span,
.wapper input.btn.btn-default:hover:not([disabled]) i,
.wapper button.btn.btn-outline-primary:hover:not([disabled]) span,
.wapper button.btn.btn-outline-primary:hover:not([disabled]) i,
.wapper button.btn.btn-default:hover:not([disabled]) span,
.wapper button.btn.btn-default:hover:not([disabled]) i,
.wapper label.btn.btn-outline-primary:hover:not([disabled]) span,
.wapper label.btn.btn-outline-primary:hover:not([disabled]) i,
.wapper label.btn.btn-default:hover:not([disabled]) span,
.wapper label.btn.btn-default:hover:not([disabled]) i {
	color: #ffffff !important;
}

/* Радио-переключатели настроек (Все / Друзья и т.д.) */
.wapper .btn-group-toggle .btn.btn-default.active {
	background: linear-gradient(135deg, #ff3d00, #ff6200) !important;
	border-color: #ff3d00 !important;
	color: #ffffff !important;
}

/* Подписи к полям — тёмный текст вместо любых синих наследований */
.wapper .profile-settings .form-group label h4 {
	color: #1a1916 !important;
}

/* ========== Карточки .block как cshero-wrap (home/banner.tpl) ========== */

.wapper .block {
	position: relative;
	background: #ffffff !important;
	border: 1px solid #e8e4e0 !important;
	box-shadow: 0 14px 40px rgba(26, 25, 22, 0.08) !important;
	border-radius: 22px !important;
	padding: 0 !important;
	margin-bottom: 22px !important;
	overflow: hidden !important;
	color: #1a1916 !important;
	isolation: isolate;
}

.wapper .block::before {
	content: "";
	display: block;
	height: 3px;
	background: linear-gradient(90deg, #ff3d00, #ff8c00, #ff6200, #ff8c00, #ff3d00);
}

.wapper .block > *:not(.block_head):not(#new_news):not(.news):not(.vertical-center-line):not(.monitoring):not(#pagination2):not(#pagination) {
	padding-left: 20px;
	padding-right: 20px;
	background: #ffffff;
}

.wapper .block > *:not(.block_head):not(#new_news):not(.news):not(.vertical-center-line):not(.monitoring):not(#pagination2):not(#pagination):first-of-type {
	padding-top: 18px;
}

.wapper .block > *:not(.block_head):not(#new_news):not(.news):not(.vertical-center-line):not(.monitoring):not(#pagination2):not(#pagination):last-of-type {
	padding-bottom: 22px;
}

.wapper .block > *:not(.block_head):not(#new_news):not(.news):not(.vertical-center-line):not(.monitoring):not(#pagination2):not(#pagination) + *:not(.block_head):not(#new_news):not(.news):not(.vertical-center-line) {
	padding-top: 12px;
}

.wapper .block > *:not(.block_head):not(#new_news):not(.news):not(.vertical-center-line):not(.monitoring):not(#pagination2):not(#pagination):not(:last-child) {
	padding-bottom: 0;
}

/* Контейнер новостей внутри .block — своя зона, без белого background */
.wapper .block > .vertical-center-line,
.wapper .block > #new_news,
.wapper .block > .news {
	background: transparent !important;
	padding: 16px 16px 18px !important;
}

.wapper .block.block-table > *:not(.block_head),
.wapper .block.block-search > *:not(.block_head) {
	padding-left: 0;
	padding-right: 0;
}

.wapper .block .block_head {
	position: relative;
	margin: 0 !important;
	padding: 14px 20px !important;
	font-family: "Exo 2", "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #1a1916 !important;
	background: #f7f5f2 !important;
	border: none !important;
	border-bottom: 1px solid #e8e4e0 !important;
	border-radius: 0 !important;
	line-height: 1.35;
}

.wapper .block .block_head::before,
.wapper .block .block_head::after {
	display: none !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
}

.wapper .block .block_head span {
	color: #cc3200 !important;
	font-weight: 800 !important;
	font-size: inherit !important;
	margin-left: 8px !important;
}

.wapper .block .block_head a {
	color: #c43a00 !important;
}

.wapper .block .block_head a:hover {
	color: #ff3d00 !important;
}

.wapper .block a {
	color: #c43a00 !important;
}

.wapper .block a:hover,
.wapper .block a:focus {
	color: #ff3d00 !important;
}

.wapper .block p,
.wapper .block li,
.wapper .block td,
.wapper .block th,
.wapper .block label {
	color: #6b6860;
}

.wapper .block h1,
.wapper .block h2,
.wapper .block h3,
.wapper .block h4,
.wapper .block h5,
.wapper .block h6 {
	color: #1a1916;
}

.wapper .block .form-control {
	background: #ffffff;
	border-color: #e0dcd6;
	color: #1a1916;
}

.wapper .block .form-control::placeholder {
	color: #8a8680;
}

.wapper .block .input-group-text {
	background: #f7f5f2;
	border-color: #e0dcd6;
	color: #5a5752;
}

.wapper .block .table {
	color: #3a3835;
}

.wapper .block .table-bordered,
.wapper .block .table-bordered td,
.wapper .block .table-bordered th {
	border-color: #e8e4e0 !important;
}

.wapper .block .table thead th {
	background: #f7f5f2;
	color: #1a1916;
	border-color: #e8e4e0 !important;
}

.wapper .block small,
.wapper .block .text-muted {
	color: #8a8680 !important;
}

.wapper .block .pagination .page-link {
	background: #ffffff;
	border-color: #e0dcd6;
	color: #3a3835;
}

.wapper .block .pagination .page-item.active .page-link {
	background: linear-gradient(135deg, #ff3d00, #ff6200);
	border-color: #ff3d00;
	color: #fff;
}

/* Поиск внутри блока */
.wapper .block.block-search > .input-search {
	background: #f7f5f2 !important;
	border-top-color: #e8e4e0 !important;
	border-bottom-color: #e8e4e0 !important;
	border-left-color: #ff6600 !important;
}

.wapper .block.block-search > .input-search i.fa-search {
	color: #ff6600 !important;
}

.wapper .block.block-search > .input-search input,
.wapper .block.block-search > .input-search select {
	background: #ffffff !important;
	border-color: #e0dcd6 !important;
	color: #1a1916 !important;
}

/* Таблица-блок: шапка таблицы */
.wapper .block.block-table > .block_head {
	margin-bottom: 0 !important;
}

/* Модалки — светлые карточки как раньше */
.modal .block,
.modal .modal-content .block {
	background: #ffffff !important;
	border: 1px solid #e3e4e8 !important;
	box-shadow: inset 0 -1px 0 #d7d8db !important;
	border-radius: 2px !important;
	padding: 30px !important;
	color: rgb(87, 87, 87) !important;
}

.modal .block .block_head,
.modal .modal-content .block .block_head {
	color: rgb(21, 21, 21) !important;
	text-transform: none !important;
	font-size: 18px !important;
	font-weight: bold !important;
	padding-left: 0 !important;
	margin-bottom: 30px !important;
	background: transparent !important;
}

.modal .block .block_head::before,
.modal .block .block_head::after,
.modal .modal-content .block .block_head::before,
.modal .modal-content .block .block_head::after {
	display: none !important;
}

.modal .block .block_head span,
.modal .modal-content .block .block_head span {
	color: rgb(87, 87, 87) !important;
	font-weight: 400 !important;
	font-size: 17px !important;
}

.modal .block a,
.modal .modal-content .block a {
	color: rgb(77, 134, 209) !important;
}

.modal .block a:hover,
.modal .modal-content .block a:hover {
	color: #ff3d00 !important;
}

/* Виджеты сайдбара / общие id (под светлые .block) */
.wapper #online_users {
	color: #6b6860 !important;
	font-size: 13px;
}

.wapper #online_users a {
	border-top-color: #e8e4e0 !important;
}

.wapper #online_users a span:nth-child(2) {
	color: #1a1916 !important;
	font-weight: 600 !important;
}

.wapper #online_users a span:nth-child(3) {
	color: #8a8680 !important;
}

.wapper #online_users a img {
	border: 2px solid rgba(255, 98, 0, 0.35);
}

/* ─── Топ пользователей (.tu-card) ─── */

/* Контейнер — убираем паддинги блока */
.wapper .block #top_users,
#top_users {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 12px 16px 16px !important;
	background: transparent !important;
}

/* Каждая карточка — светлая под общий стиль сайта */
#top_users .tu-card {
	display: block !important;
	border-radius: 12px !important;
	background: #f7f5f2 !important;
	border: 1px solid #e8e4e0 !important;
	overflow: hidden !important;
	transition: box-shadow 0.18s, transform 0.18s !important;
}

#top_users .tu-card:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 16px rgba(26, 25, 22, 0.1) !important;
}

/* Единственный <a> — сброс primary.css + flex-row */
#top_users .tu-card__inner {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 14px 16px !important;
	height: auto !important;
	min-height: 0 !important;
	width: 100% !important;
	float: none !important;
	border: none !important;
	background: transparent !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}

/* Аватар */
#top_users .tu-card__avatar-wrap {
	flex: 0 0 auto !important;
	display: block !important;
	width: auto !important;
	float: none !important;
	line-height: 0 !important;
}

#top_users .tu-card__avatar {
	display: block !important;
	width: 56px !important;
	height: 56px !important;
	border-radius: 10px !important;
	object-fit: cover !important;
	border: 2px solid rgba(255, 98, 0, 0.3) !important;
	float: none !important;
	margin: 0 !important;
}

/* Тело */
#top_users .tu-card__body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
	width: auto !important;
	float: none !important;
}

/* Имя */
#top_users .tu-card__name {
	display: block !important;
	font-family: "Exo 2", "Manrope", sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	width: auto !important;
	float: none !important;
}

/* «Перейти в профиль» */
#top_users .tu-card__goto {
	display: block !important;
	font-size: 11px !important;
	color: #8a8680 !important;
	line-height: 1.2 !important;
	width: auto !important;
	float: none !important;
	margin-bottom: 6px !important;
}

#top_users .tu-card__inner:hover .tu-card__goto {
	color: #e03c00 !important;
}

/* Статистика */
#top_users .tu-card__stats {
	display: flex !important;
	gap: 0 !important;
	width: auto !important;
	float: none !important;
}

#top_users .tu-card__stat {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2px !important;
	width: auto !important;
	float: none !important;
	flex: 1 !important;
}

#top_users .tu-card__stat + .tu-card__stat {
	border-left: 1px solid #e8e4e0 !important;
	padding-left: 12px !important;
}

#top_users .tu-card__stat-val {
	display: block !important;
	font-family: "Exo 2", "Manrope", sans-serif !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #1a1916 !important;
	line-height: 1.1 !important;
	width: auto !important;
	float: none !important;
}

#top_users .tu-card__stat-lbl {
	display: block !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: #8a8680 !important;
	width: auto !important;
	float: none !important;
}

.wapper #last_activity span,
.wapper #mybans span {
	border-top-color: #e8e4e0 !important;
}

.wapper #last_activity span p,
.wapper #mybans span p {
	color: #6b6860 !important;
}

.wapper #last_activity span p a,
.wapper #mybans span p a {
	color: #c43a00 !important;
	font-weight: 600 !important;
}

.wapper #last_activity span p a:hover,
.wapper #mybans span p a:hover {
	color: #ff3d00 !important;
}

.wapper #load_last_online a {
	color: #c43a00 !important;
}

.wapper #load_last_online a:hover {
	color: #ff3d00 !important;
}

.wapper .servers-online-line {
	background: #f0eeeb !important;
	border-color: #e0dcd6 !important;
}

.wapper .servers-online-line .progress-val {
	color: #3a3835 !important;
}

.wapper .block .progress {
	background: #ece8e4;
}

/*
 * Вертикальная навигация в .block (navigation.tpl и др.):
 * primary.css даёт margin -30px и border-left — на карточках с padding 16px и radius
 * появляется «чёрная полоса» слева и оранжевый hover вылезает за скругление.
 */
.wapper .block:has(.vertical-navigation) {
	overflow: hidden;
}

.wapper .block .vertical-navigation {
	margin: 0 !important;
	padding: 0 !important;
}

.wapper .block .vertical-navigation ul li,
.wapper .block .vertical-navigation ul li:hover,
.wapper .block .vertical-navigation ul li.active {
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-left: none !important;
	background: transparent !important;
}

.wapper .block .vertical-navigation ul li a {
	color: #3a3835 !important;
	border-top-color: #e8e4e0 !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-radius: 8px;
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.wapper .block .vertical-navigation ul li:first-child a {
	border-top: none !important;
}

.wapper .block .vertical-navigation ul li a:hover,
.wapper .block .vertical-navigation ul li a:focus {
	background: #fff4f0 !important;
	box-shadow: inset 3px 0 0 #ff3d00;
	color: #1a1916 !important;
}

.wapper .block .vertical-navigation ul li.active > a,
.wapper .block .vertical-navigation ul li > a.active {
	background: #fff4f0 !important;
	box-shadow: inset 3px 0 0 #ff6200;
	color: #1a1916 !important;
}

.wapper .block .vertical-navigation ul li a.active {
	border-top: 0;
}

.wapper .block .vertical-navigation ul li a.active::before {
	display: none !important;
}

.wapper .navigation {
	background: rgba(255, 255, 255, 0.98);
	border-bottom-color: #e8e4e0;
}

.wapper .navigation .breadcrumb > li a {
	color: #c43a00;
}

.wapper .navigation .breadcrumb > li.active {
	color: #8a8680;
}

.wapper .breadcrumb > li + li::before {
	color: #c4c0ba;
}

.wapper .form-control:focus {
	border-color: #ff8c00;
	box-shadow: 0 0 0 0.15rem rgba(255, 61, 0, 0.18);
}

.wapper .text-primary {
	color: #ff3d00 !important;
}

/* ——— Карточки новостей: светлая тема с оранжевым акцентом ——— */

/* Карточка — белая, не наследует другие фоны из глобальных правил */
.wapper .block .gcms-news-card--darkrow,
.wapper .gcms-news-card--darkrow {
	background: #ffffff !important;
}

/* Заголовок — тёмный (совпадает с глобальным h3 в .block — #1a1916, всё ок) */
.wapper .block .gcms-news-card--darkrow h3.gcms-news-card__title,
.wapper .gcms-news-card--darkrow h3.gcms-news-card__title {
	color: #1a1916 !important;
}

/* Наведение на заголовок — оранжевый */
.wapper .block .gcms-news-card--darkrow a.gcms-news-card__title-link:hover h3.gcms-news-card__title,
.wapper .gcms-news-card--darkrow a.gcms-news-card__title-link:hover h3.gcms-news-card__title {
	color: #e03c00 !important;
}

/* Анонс — средне-серый */
.wapper .block .gcms-news-card--darkrow p.gcms-news-card__excerpt,
.wapper .gcms-news-card--darkrow p.gcms-news-card__excerpt {
	color: #6b6860 !important;
}

/* Ссылка-обёртка заголовка — не перекрашивает ссылку глобальным оранжевым */
.wapper .block .gcms-news-card--darkrow a.gcms-news-card__title-link,
.wapper .gcms-news-card--darkrow a.gcms-news-card__title-link {
	color: inherit !important;
}

/* Кнопка CTA — оранжевая */
.wapper .block a.gcms-news-card__cta,
.wapper a.gcms-news-card__cta {
	color: #ffffff !important;
	background: linear-gradient(135deg, #ff6020, #ff3d00) !important;
}

.wapper .block a.gcms-news-card__cta:hover,
.wapper a.gcms-news-card__cta:hover {
	color: #ffffff !important;
	filter: brightness(1.07);
}

/* Мониторинг: карточки серверов (tpl/elements/server.tpl) — цвета тёплой темы */
.wapper .monitoring .server.server-card {
	--sc-bg: #ffffff;
	--sc-border: #e8e4e0;
	--sc-shadow: 0 14px 40px rgba(26, 25, 22, 0.1);
	--sc-track: #ece8e4;
	--sc-players: #1a1916;
	--sc-players-muted: #8a8680;
	--sc-ghost-bg: #f7f4f0;
	--sc-ghost-border: #e0dcd6;
	--sc-ghost-color: #3a3835;
	--sc-badge-on: #1e8c54;
}

.wapper .monitoring .server.server-card .server-card__progress.servers-online-line {
	background: var(--sc-track) !important;
	border: none !important;
}