/*
 * ТЁМНЫЙ СКИН для темы XmarkUp
 * Перекрашивает тему в тёмную палитру с золотым акцентом.
 * Файл только переопределяет цвета и формы поверх style.css —
 * разметка и логика темы не тронуты.
 *
 * ======================  КАК СМЕНИТЬ ПАЛИТРУ  ======================
 *
 * Все цвета сайта заданы в блоке :root ниже — 13 переменных.
 * Меняете значение там, оно применяется везде, где используется.
 * Больше ничего в теме править не нужно.
 *
 *   1. Откройте css/neft-skin.css (Внешний вид → Редактор файлов темы
 *      или по FTP), найдите блок :root в самом начале.
 *   2. Замените нужный код цвета на свой в формате #rrggbb.
 *   3. Сохраните. Версия файла считается автоматически, кеш браузера
 *      сбрасывать не нужно; кеширующий плагин, если он есть, — очистить.
 *
 * Что за что отвечает:
 *
 *   --skin-bg        фон всей страницы
 *   --skin-content   фон статьи (главные блоки контента)
 *   --skin-panel     сайдбар, пагинация, комментарии
 *   --skin-panel-2   строки таблиц, поля ввода, цитаты
 *   --skin-header    шапка, полоса меню, шторка меню, подвал
 *   --skin-line      все тонкие границы
 *   --skin-title     заголовки
 *   --skin-text      основной текст
 *   --skin-muted     подписи, даты, вторичный текст
 *   --skin-accent    ссылки, кнопки, текущий раздел меню
 *   --skin-accent-2  тот же акцент при наведении (обычно светлее)
 *   --skin-on-accent текст поверх акцентного фона (кнопки)
 *   --skin-radius    скругление карточек, в px
 *
 * Правило подбора: --skin-text и --skin-title должны хорошо читаться
 * на --skin-content, а --skin-on-accent — на --skin-accent. Проверить
 * контраст можно на webaim.org/resources/contrastchecker, норма 4.5:1.
 *
 * Цвет плавающей кнопки меню задан отдельно, в css/mobile-menu.css
 * (свойство background у .mobile-menu-fab) — он в эту палитру не входит.
 *
 * Снять скин целиком: закомментировать блок wp_enqueue_style
 * с идентификатором 'xmarkup-skin' в functions.php.
 * ===================================================================
 */

:root {
	--skin-bg:        #00070d;	/* фон страницы */
	--skin-content:   #00070d;	/* фон статьи (главные блоки контента) */
	--skin-panel:     #17171a;	/* сайдбар, пагинация, комментарии */
	--skin-panel-2:   #1f1f23;	/* блоки на карточках: строки таблиц, чипсы */
	--skin-header:    #00070d;	/* шапка, меню и подвал */
	--skin-line:      rgba(255, 255, 255, .08);	/* границы */
	--skin-title:     #ffffff;	/* заголовки */
	--skin-text:      #b9b9bf;	/* основной текст */
	--skin-muted:     #86868c;	/* подписи, даты */
	--skin-accent:    #f1c748;	/* золотой акцент: ссылки, кнопки */
	--skin-accent-2:  #ffd75e;	/* акцент при наведении */
	--skin-on-accent: #14140f;	/* текст на золотом фоне */
	--skin-radius:    14px;		/* скругление карточек */
}


/* ==========  ОСНОВА  ========== */

body {
	background: var(--skin-bg);
	color: var(--skin-text);
}

a {
	color: var(--skin-accent) !important;
}
a:hover,
a:focus {
	color: var(--skin-accent-2) !important;
}


/* ==========  ШАПКА  ========== */

#header {
	background: var(--skin-header);
	border-bottom: 0;		/* полоска под шапкой убрана */
}
#header .all-width {
	border-top: 0;			/* полоска над меню убрана */
	border-bottom: 0;
}
a#logo-site.logo-site--text {
	color: var(--skin-title) !important;
}

/* меню в строку на десктопе — овальные кнопки-«пилюли».
   Обёрнуто в min-width: 771px специально: ниже этой ширины меню
   живёт в выезжающей шторке и оформляется в mobile-menu.css */
@media (min-width: 771px) {

	#header .wrapper > nav ul {
		padding: 9px 0;
	}
	#header .wrapper > nav ul > li {
		margin: 0 4px;
	}
	#header .wrapper > nav ul > li > a {
		padding: 9px 20px;
		border-radius: 999px;			/* овальная форма */
		background: rgba(255, 255, 255, .06);
		color: var(--skin-text) !important;
		font-size: 14px;
		line-height: 1.1;
		text-decoration: none !important;
		transition: background-color .15s ease, color .15s ease;
	}
	#header .wrapper > nav ul > li > a:hover {
		background: rgba(255, 255, 255, .12);
		color: var(--skin-accent) !important;
	}
	/* текущий раздел: форма та же, цвет прежний */
	#header .wrapper > nav ul > li.current-menu-item > a,
	#header .wrapper > nav ul > li.current_page_item > a {
		color: var(--skin-accent) !important;
	}
}


/* ==========  КАРТОЧКИ КОНТЕНТА  ========== */

#main_content,
#main_content_post {
	background: var(--skin-content);
	color: var(--skin-text);
	border: 1px solid var(--skin-line);	/* едва светлый кантик — им и очерчен островок */
	border-radius: var(--skin-radius);
	-webkit-border-radius: var(--skin-radius);
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}


/* ==========  ТЕКСТ  ========== */

#main_content h1,
#main_content h2,
#main_content h3,
#main_content h4,
#main_content h5,
#main_content h6,
#main_content_post h1,
#main_content_post h2,
#main_content_post h3 {
	color: var(--skin-title);
	line-height: 1.25;
}
#main_content p,
#main_content li,
#main_content td,
#main_content_post p,
#main_content_post li {
	color: var(--skin-text);
}
#main_content p {
	line-height: 1.65;
}

/* маркеры списков — золотые */
#main_content ul li:before {
	color: var(--skin-accent);
	background: none;
}

#main_content img,
#main_content_post img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}


/* ==========  ТАБЛИЦЫ  ========== */

#main_content table {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--skin-line);
}
#main_content table tr {
	color: var(--skin-text);
}
/* шапка таблицы */
#main_content table tr:first-child {
	background: var(--skin-panel-2);
	color: var(--skin-title);
	border: 0;
}
#main_content table tr:first-child td {
	color: var(--skin-title);
	font-weight: bold;
}
/* чередование строк */
#main_content table tr:nth-child(2n) {
	background: rgba(255, 255, 255, .025);
}
#main_content table tr td {
	border: 1px solid var(--skin-line);
	color: var(--skin-text);
	padding: 10px 12px;
}


/* ==========  ЦИТАТЫ  ========== */

#main_content blockquote,
#main_content_post blockquote {
	background: var(--skin-panel-2);
	border: 1px solid var(--skin-line);
	border-left: 3px solid var(--skin-accent);
	border-radius: 10px;
	color: var(--skin-text);
}


/* ==========  БОКОВАЯ КОЛОНКА  ========== */

#side_bar .top_comm_wid {
	background: var(--skin-panel);
	border: 1px solid var(--skin-line);
	border-radius: var(--skin-radius);
	box-shadow: none;
	-webkit-box-shadow: none;
}
#side_bar .top_comm_wid > h3 {
	color: var(--skin-title);
	background: none;
	border-bottom: 1px solid var(--skin-line);
}
#side_bar .top_comm_wid > ul li {
	border-color: var(--skin-line);
	color: var(--skin-text);
}
#side_bar .top_comm_wid > ul li span,
#side_bar .top_comm_wid .numb_comm_text {
	color: var(--skin-muted);
}


/* ==========  ПОЛЯ И КНОПКИ  ========== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
textarea,
select {
	background: var(--skin-panel-2);
	color: var(--skin-title);
	border: 1px solid var(--skin-line);
	border-radius: 10px;
	outline: none;
}
input::-webkit-input-placeholder { color: var(--skin-muted); }
input::placeholder,
textarea::placeholder { color: var(--skin-muted); }

input[type="submit"],
button[type="submit"],
.button,
#submit {
	background: var(--skin-accent);
	color: var(--skin-on-accent) !important;
	border: 0;
	border-radius: 999px;	/* кнопки-«пилюли», как на скриншоте */
	padding: 10px 22px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color .15s ease;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover,
#submit:hover {
	background: var(--skin-accent-2);
	color: var(--skin-on-accent) !important;
}


/* ==========  ПОСТРАНИЧНАЯ НАВИГАЦИЯ  ========== */

body > #content > .wrapper .navigation > a,
body > #content > .wrapper .navigation > .current,
body > #content > .wrapper .navigation > .dots {
	background: var(--skin-panel);
	border: 1px solid var(--skin-line);
	border-radius: 10px;
	color: var(--skin-text) !important;
}
body > #content > .wrapper .navigation > a:hover {
	background: var(--skin-panel-2);
	color: var(--skin-accent) !important;
}
body > #content > .wrapper .navigation > .current {
	background: var(--skin-accent);
	border-color: var(--skin-accent);
	color: var(--skin-on-accent) !important;
}


/* ==========  ПОДВАЛ  ========== */

body > footer,
body > footer > article {
	background: var(--skin-header);
	border: 0;			/* полосы в подвале убраны */
	color: var(--skin-muted);
}
#footer_menu ul > li > a {
	color: var(--skin-text) !important;
}
#footer_menu ul > li > a:hover {
	color: var(--skin-accent) !important;
}


/* ==========  КОММЕНТАРИИ  ========== */

.commentlist li,
#respond {
	color: var(--skin-text);
}
.commentlist li .comment-body,
#respond {
	background: var(--skin-panel);
	border: 1px solid var(--skin-line);
	border-radius: 12px;
}
#reply-title,
.comments-title {
	color: var(--skin-title);
}


/* ==========  МОБИЛЬНОЕ МЕНЮ: те же цвета  ========== */

@media (max-width: 770px) {

	.mobile-menu-panel {
		background: var(--skin-header);
		border-right: 1px solid var(--skin-line);
	}
	#header .mobile-menu-panel > .menu > li > a {
		color: var(--skin-text) !important;
	}
	#header .mobile-menu-panel > .menu > li > a:active,
	#header .mobile-menu-panel > .menu > li > a:hover {
		color: var(--skin-accent) !important;
		background: rgba(255, 255, 255, .05);
	}
	#header .mobile-menu-panel > .menu > .current-menu-item > a,
	#header .mobile-menu-panel > .menu > .current_page_item > a {
		color: var(--skin-accent) !important;
		box-shadow: inset 3px 0 0 var(--skin-accent);
	}

	/* карточки на телефоне — чуть плотнее */
	#main_content,
	#main_content_post {
		border-radius: 12px;
	}
}


/* ==========  ПОДВАЛ БЕЗ НАДПИСЕЙ  ==========
   Убраны: копирайт, строка-дисклеймер и текстовый виджет подвала.
   Копирайт и дисклеймер заодно закомментированы в footer.php —
   там они больше не попадают в разметку вообще.
   Чтобы вернуть любую из надписей, удалите её строку ниже.  */

#copyright_footer,
#copyright_full_footer,
body > footer .contentMess {
	display: none;
}