/*
 * Nanoprotech 2.0 — дополнения к стилям темы 1.0 (style.css не меняется).
 */

/* ── Палитра каталога 2026 (ТЗ С-88, утверждено владельцем 14.10.2026) ──────
   Заменены только цвета, у которых есть пара в палитре каталога:
   тёмный #212D33 → #0D0D0D / #101010, жёлтые #FCDC00, #FADA30, #F2D300 → #FFD500,
   светлый фон → #F4F4F2, второстепенный текст → #6B6B6B.
   Цвет ссылок #F5BA4B оставлен: пары в палитре нет, а #FFD500 на белом нечитаем. */
:root {
	--np-black: #0D0D0D;
	--np-text: #101010;
	--np-yellow: #FFD500;
	--np-gray: #A0A0A0;
	--np-gray-dark: #6B6B6B;
	--np-bg-light: #F4F4F2;
}

/* Те же свойства, что в style.css темы 1.0, — только цвета из палитры. */
body { color: var(--np-text); }
.text-main { color: var(--np-black); }
.bg-dark { background-color: var(--np-black) !important; }
[data-nav]::before { background-color: var(--np-black); }
[data-nav]::after { border-color: var(--np-black); }

.text-yellow,
.text-yellow:hover { color: var(--np-yellow); }
.bg-yellow { background-color: var(--np-yellow) !important; }
.btn-main { color: var(--np-black); background-color: var(--np-yellow); border-color: var(--np-yellow); }
.btn-main:hover { background-color: #F2CA00; border-color: #F2CA00; } /* на тон темнее #FFD500, как было #F2D300 к #FCDC00 */
.media-tool-icon { color: var(--np-yellow); }
.controls .btn:hover,
.controls .btn.active { border-color: var(--np-yellow) !important; }
.single-product .nav .nav-link.active { border-bottom-color: var(--np-yellow); }
.cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .nav-link,
.cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .nav-link:hover { color: var(--np-yellow); }
.cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .show > .nav-link,
.cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .active > .nav-link { color: var(--np-yellow) !important; }

.bg-light { background-color: var(--np-bg-light) !important; }
.archiveContent:before { background-color: var(--np-bg-light); }
.text-muted { color: var(--np-gray-dark) !important; }

/* Первый экран: видео #ytbg — на компьютере, картинка #view — на телефонах и планшетах.
   В теме 1.0 выбор делался на сервере (Mobile_Detect считал планшеты мобильными),
   теперь — по ширине экрана; граница 992px соответствует этому поведению. */
@media (min-width: 992px) {
	#hero #view { display: none; }
}
@media (max-width: 991.98px) {
	#hero #ytbg { display: none; }
}

/* Для вошедших в админку: прозрачная шапка главной не уходит под панель WordPress. */
.admin-bar header.position-absolute { top: 32px !important; }
@media screen and (max-width: 782px) {
	.admin-bar header.position-absolute { top: 46px !important; }
}