/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0.0
*/

/* ====================================================================
   БАЗОВЫЕ НАСТРОЙКИ САЙТА (Шрифты, выравнивание, разделитель)
==================================================================== */
.entry-content p {
    text-align: left !important;
}

.entry-content h2, 
.entry-content h3 {
    text-align: left !important;
}

.entry-meta,
.entry-taxonomies,
.site-footer,
.post-more-link,
.header-navigation,
.drawer-nav,
.mobile-navigation {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.header-navigation ul.sub-menu li a:hover {
    color: #D77B23 !important;
}

/* === СВЕТЛАЯ ТЕМА: ЦИТАТЫ === */
.wp-block-quote, blockquote {
    border-left: 4px solid #D77B23 !important;
    background-color: #F2F1ED !important;
    color: #242320 !important;
    padding: 15px 20px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 0 5px 5px 0 !important;
}

.wp-block-quote p, blockquote p {
    font-style: italic !important;
    margin-bottom: 16px !important;
    display: block !important;
}

.wp-block-quote p:last-child,
blockquote p:last-child {
    margin-bottom: 0 !important; 
}

/* === РАЗДЕЛИТЕЛЬ TELEGRAPH (С исправлением артефактов) === */
.entry-content .wp-block-separator {
    width: 100% !important;
    max-width: 400px !important;
    margin-top: 40px !important; 
    margin-bottom: 40px !important; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    border: none !important; 
    border-top: 1px solid #D77B23 !important; 
    background-color: transparent !important; 
    opacity: 0.5 !important; 
}

.entry-content .wp-block-separator::before,
.entry-content .wp-block-separator::after {
    display: none !important; 
    content: none !important;
}

/* === РУБРИКИ И МОБИЛЬНАЯ АДАПТАЦИЯ === */
.archive-description { 
    font-family: 'Inter', sans-serif !important; 
}

@media (max-width: 768px) {
    .archive-description, 
    .archive-description p {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

}

/* ====================================================================
   ТЕМНАЯ ТЕМА ТОЛЬКО ДЛЯ ГЛАВНОЙ СТРАНИЦЫ (СТАТИЧНАЯ)
==================================================================== */
body.page-id-8532 .entry-content h2,
body.page-id-8532 .entry-content p {
    text-align: center !important;
}

body.page-id-8532 .entry-content .mwai-chat p {
    text-align: left !important;
}

body.page-id-8532 #masthead,
body.page-id-8532 .site-footer,
body.page-id-8532,
body.page-id-8532 .site-content {
    background-color: #242320 !important;
    border: none !important;
    box-shadow: none !important;
}

body.page-id-8532 #masthead *,
body.page-id-8532 .site-footer * {
    color: #D1CFC9 !important;
}

body.page-id-8532 #masthead a:hover,
body.page-id-8532 #masthead a:hover *,
body.page-id-8532 #masthead .header-navigation li:hover > a,
body.page-id-8532 #masthead .header-navigation li:hover > a * {
    color: #D77B23 !important;
}

body.page-id-8532 #masthead .site-header-custom-html,
body.page-id-8532 #masthead .site-header-custom-html *,
body.page-id-8532 #masthead .header-html,
body.page-id-8532 #masthead .header-html * {
    color: #D77B23 !important;
}

body.page-id-8532 img.custom-logo {
    content: url("https://ktotvoigospod.com/wp-content/uploads/2026/07/poleznoe-znanie_horizontal_dark@3x.png") !important;
}

body.page-id-8532 #masthead .site-title,
body.page-id-8532 #masthead .site-title *,
body.page-id-8532 #masthead .site-title a {
    color: #FFFFFF !important;
}

body.page-id-8532 .mobile-nav-trigger,
body.page-id-8532 .mobile-nav-trigger *,
body.page-id-8532 .menu-toggle {
    color: #D1CFC9 !important;
}

#masthead .site-branding a:hover,
#masthead .site-branding a:hover *,
#masthead .site-title a:hover,
#masthead .site-title a:hover * {
    color: #D77B23 !important;
    transition: color 0.2s ease-in-out !important;
}

/* ====================================================================
   ТЁМНАЯ ТЕМА ДЛЯ СТАТЕЙ (ПОЛНАЯ СИНХРОНИЗАЦИЯ)
==================================================================== */
/* 1. Фоны: Карточка статьи, шапка и подвал */
body.single.dark-mode, 
body.single.dark-mode .site-container,
body.single.dark-mode .site-main,
body.single.dark-mode .content-bg,
body.single.dark-mode .entry-content-wrap,
body.single.dark-mode #inner-wrap,
body.single.dark-mode article.post,
body.single.dark-mode #masthead,
body.single.dark-mode .site-footer,
body.single.dark-mode .site-bottom-footer-wrap {
    background-color: #242320 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Шапка: Логотип, название, меню и мобильный триггер */
body.single.dark-mode img.custom-logo {
    content: url("https://ktotvoigospod.com/wp-content/uploads/2026/07/poleznoe-znanie_horizontal_dark@3x.png") !important;
}

body.single.dark-mode #masthead .site-title,
body.single.dark-mode #masthead .site-title * {
    color: #FFFFFF !important;
}

body.single.dark-mode #masthead *,
body.single.dark-mode .site-footer * {
    color: #D1CFC9 !important;
}

body.single.dark-mode #masthead a:hover,
body.single.dark-mode #masthead a:hover *,
body.single.dark-mode #masthead .header-navigation li:hover > a,
body.single.dark-mode #masthead .header-navigation li:hover > a * {
    color: #D77B23 !important;
}

body.single.dark-mode #masthead .site-header-custom-html,
body.single.dark-mode #masthead .site-header-custom-html *,
body.single.dark-mode #masthead .header-html,
body.single.dark-mode #masthead .header-html * {
    color: #D77B23 !important;
}

body.single.dark-mode .mobile-nav-trigger,
body.single.dark-mode .mobile-nav-trigger *,
body.single.dark-mode .menu-toggle {
    color: #D1CFC9 !important;
}

/* 3. Выпадающее меню разделов */
body.single.dark-mode .header-navigation .header-menu-container ul ul.sub-menu, 
body.single.dark-mode .header-navigation .header-menu-container ul ul.submenu {
    background-color: #2B2A27 !important;
    border: 1px solid #3D3B36 !important;
}

body.single.dark-mode .header-navigation .header-menu-container ul ul li.menu-item > a {
    color: #D1CFC9 !important;
}

body.single.dark-mode .header-navigation .header-menu-container ul ul li.menu-item > a:hover {
    color: #D77B23 !important;
    background-color: #242320 !important;
}

/* 4. Текст статьи и заголовки */
body.single.dark-mode .entry-content,
body.single.dark-mode .entry-header,
body.single.dark-mode h1,
body.single.dark-mode h2,
body.single.dark-mode h3,
body.single.dark-mode h4,
body.single.dark-mode h5,
body.single.dark-mode h6,
body.single.dark-mode p,
body.single.dark-mode li,
body.single.dark-mode .entry-title,
body.single.dark-mode figcaption {
    color: #D1CFC9 !important;
}

/* 5. Метаданные (Автор, дата), Навигационная цепочка и кнопки Поделиться/PDF */
body.single.dark-mode .entry-meta,
body.single.dark-mode .entry-meta *,
body.single.dark-mode .kadence-breadcrumbs,
body.single.dark-mode .kadence-breadcrumbs a,
body.single.dark-mode .kadence-breadcrumbs span {
    color: #D1CFC9 !important;
}

body.single.dark-mode .entry-meta a:hover,
body.single.dark-mode .entry-meta a:hover *,
body.single.dark-mode .kadence-breadcrumbs a:hover,
body.single.dark-mode .kadence-breadcrumbs a:hover span {
    color: #D77B23 !important;
}

/* Исправленные кнопки Поделиться/PDF (Тёмная тема) */
body.single.dark-mode .ct-btn,
body.single.dark-mode .ct-btn-text,
body.single.dark-mode .ct-divider {
    color: #D1CFC9 !important;
}

body.single.dark-mode .ct-btn:hover,
body.single.dark-mode .ct-btn:hover .ct-btn-text {
    color: #D77B23 !important;
}

/* 6. Категория над заголовком ("ТАУХИД") */
body.single.dark-mode .entry-header .entry-taxonomies a,
body.single.dark-mode .entry-header .category-style-pill a {
    background: transparent !important;
    border: none !important;
    color: #D77B23 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

body.single.dark-mode .entry-header .entry-taxonomies a:hover,
body.single.dark-mode .entry-header .category-style-pill a:hover {
    color: #D1CFC9 !important;
    background: transparent !important;
}

/* 7. Ссылки и сноски в тексте */
body.single.dark-mode .entry-content a,
body.single.dark-mode sup[data-fn] a,
body.single.dark-mode a[data-fn],
body.single.dark-mode .wp-block-footnotes > li::marker {
    color: #D77B23 !important;
}

/* 8. Цитаты и Блоки с фоном */
body.single.dark-mode blockquote,
body.single.dark-mode .wp-block-quote,
body.single.dark-mode .has-background {
    background-color: #2B2A27 !important;
    border-left: 4px solid #D77B23 !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    color: #D1CFC9 !important;
}

body.single.dark-mode blockquote p,
body.single.dark-mode .wp-block-quote p {
    color: #D1CFC9 !important;
}

/* 9. Блок Содержание (Оглавление) */
body.single.dark-mode .kb-table-of-content-nav .kb-table-of-content-wrap {
    background-color: #1E1D1B !important;
    border: 1px solid #3D3B36 !important;
}

body.single.dark-mode .kb-table-of-content-nav .kb-table-of-contents-title,
body.single.dark-mode .kb-table-of-content-nav li,
body.single.dark-mode .kb-table-of-content-nav a {
    color: #D1CFC9 !important;
}

body.single.dark-mode .kb-table-of-content-nav a:hover {
    color: #D77B23 !important;
}

/* 10. Кастомная кнопка "К полному списку публикаций" внизу */
body.single.dark-mode a.custom-post-end-button,
body.single.dark-mode .custom-post-end-button-wrapper a {
    background-color: #D77B23 !important;
    color: #FFFFFF !important; 
}

body.single.dark-mode a.custom-post-end-button:hover,
body.single.dark-mode .custom-post-end-button-wrapper a:hover {
    background-color: #AB5F17 !important;
    color: #FFFFFF !important;
}

/* 11. Теги (Хэштеги) в самом низу статьи */
body.single.dark-mode .entry-tags .tag-link {
    background-color: transparent !important;
    border: 1px solid #3D3B36 !important;
    color: #D1CFC9 !important;
}

body.single.dark-mode .entry-tags .tag-link .tag-hash {
    color: #D1CFC9 !important; 
}

body.single.dark-mode .entry-tags .tag-link:hover,
body.single.dark-mode .entry-tags .tag-link:hover .tag-hash {
    border-color: #D77B23 !important;
    color: #D77B23 !important;
}

/* 12. ДИЗАЙН КНОПКИ ПЕРЕКЛЮЧЕНИЯ ТЕМЫ */
#custom-dark-mode-toggle {
    background-color: transparent !important;
    color: #242320 !important;
    border: 1px solid #D1CFC9 !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-appearance: none !important;
    padding: 8px 20px !important;
    border-radius: 30px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease !important;
    margin-bottom: 20px;
}

#custom-dark-mode-toggle:hover {
    border-color: #D77B23 !important;
    color: #D77B23 !important;
}

/* Отклик при нажатии (тап на телефоне): фирменный оранжевый вместо голубого */
#custom-dark-mode-toggle:active {
    border-color: #D77B23 !important;
    color: #D77B23 !important;
}

body.single.dark-mode #custom-dark-mode-toggle {
    border-color: #3D3B36 !important;
    color: #D1CFC9 !important;
}

body.single.dark-mode #custom-dark-mode-toggle:hover {
    border-color: #D77B23 !important;
    color: #D77B23 !important;
}

/* Убрать тень Kadence во всех состояниях — единственная правка */
#custom-dark-mode-toggle:hover,
#custom-dark-mode-toggle:focus,
#custom-dark-mode-toggle:active {
    box-shadow: none !important;
}

/* 13. Ссылки в подвале (Telegram-канал) - ДЛЯ СТАТЕЙ И ГЛАВНОЙ СТРАНИЦЫ */
body.single.dark-mode .site-bottom-footer-wrap a,
body.single.dark-mode .footer-html a,
body.page-id-8532 .site-bottom-footer-wrap a,
body.page-id-8532 .footer-html a {
    color: #D77B23 !important;
}

body.single.dark-mode .site-bottom-footer-wrap a:hover,
body.single.dark-mode .footer-html a:hover,
body.page-id-8532 .site-bottom-footer-wrap a:hover,
body.page-id-8532 .footer-html a:hover {
    color: #AB5F17 !important;
}

/* 14. Разделитель (линия) в тёмной теме */
body.single.dark-mode .entry-content .wp-block-separator {
    background-color: transparent !important;
    border: none !important;
    border-top: 1px solid #D77B23 !important;
    height: 0 !important;
    opacity: 0.8 !important; 
}

/* ====================================================================
   15. ИКОНКА TELEGRAM В ШАПКЕ (САМОЛЁТИК)
==================================================================== */
/* Базовый вид (Светлая тема) - Чёрный уголь */
.header-tg-icon svg {
    fill: #242320 !important;
    transition: fill 0.2s ease !important;
}

.header-tg-icon:hover svg {
    fill: #D77B23 !important;
}

/* Вид для Тёмной темы и Главной страницы */
body.page-id-8532 .header-tg-icon svg,
body.single.dark-mode .header-tg-icon svg {
    fill: #D1CFC9 !important;
}

body.page-id-8532 .header-tg-icon:hover svg,
body.single.dark-mode .header-tg-icon:hover svg {
    fill: #D77B23 !important;
}

/* ====================================================================
   16. ГЛОБАЛЬНАЯ ТЁМНО-СВЕТЛАЯ ТЕМА ДЛЯ ОКНА ПОИСКА (ОВЕРЛЕЙ И ЗАКРЫТИЕ)
==================================================================== */
/* --- СВЕТЛАЯ ТЕМА (По умолчанию) --- */
/* Полупрозрачная пелена на весь экран */
html body #search-drawer .drawer-overlay,
html body .kadence-search-popup .drawer-overlay {
    background-color: rgba(244, 243, 240, 0.95) !important; 
}

/* Выпадающее окно поиска (Фон прозрачный, чтобы было видно само поле) */
html body #search-drawer .drawer-inner,
html body .kadence-search-popup {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Иконка лупы в самой шапке */
html body #masthead .search-toggle-open,
html body #masthead .search-toggle-open * {
    color: #242320 !important;
    fill: #242320 !important;
    transition: all 0.2s ease !important;
}

html body #masthead .search-toggle-open:hover,
html body #masthead .search-toggle-open:hover * {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* Крестик закрытия окна поиска */
html body #search-drawer .search-toggle-close svg,
html body .kadence-search-popup .search-toggle-close svg {
    fill: #242320 !important;
    transition: all 0.2s ease !important;
}

html body #search-drawer .search-toggle-close:hover svg,
html body .kadence-search-popup .search-toggle-close:hover svg {
    fill: #D77B23 !important;
}

/* --- ТЁМНАЯ ТЕМА И ГЛАВНАЯ СТРАНИЦА --- */
/* Полупрозрачная пелена на весь экран */
html body.page-id-8532 #search-drawer .drawer-overlay,
html body.single.dark-mode #search-drawer .drawer-overlay,
html body.page-id-8532 .kadence-search-popup .drawer-overlay,
html body.single.dark-mode .kadence-search-popup .drawer-overlay {
    background-color: rgba(36, 35, 32, 0.95) !important;
}

/* Выпадающее окно поиска (Фон прозрачный) */
html body.page-id-8532 #search-drawer .drawer-inner,
html body.single.dark-mode #search-drawer .drawer-inner,
html body.page-id-8532 .kadence-search-popup,
html body.single.dark-mode .kadence-search-popup {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Иконка лупы в самой шапке (для тёмной темы).
   27.07: главная получила светлую тему, и её селектор подчинён
   классу dark-mode (раньше был безусловным — из-за этого лупа
   оставалась слоновой костью в светлой теме, побеждая все светлые
   правила). В светлой теме лупу теперь красит глобальное светлое
   правило выше (стр. ~470, #242320). */
html.dark-mode body.page-id-8532 #masthead .search-toggle-open,
html.dark-mode body.page-id-8532 #masthead .search-toggle-open *,
html body.single.dark-mode #masthead .search-toggle-open,
html body.single.dark-mode #masthead .search-toggle-open * {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
}

html.dark-mode body.page-id-8532 #masthead .search-toggle-open:hover,
html.dark-mode body.page-id-8532 #masthead .search-toggle-open:hover *,
html body.single.dark-mode #masthead .search-toggle-open:hover,
html body.single.dark-mode #masthead .search-toggle-open:hover * {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* Крестик закрытия (Тёмная тема) */
html body.page-id-8532 #search-drawer .search-toggle-close svg,
html body.single.dark-mode #search-drawer .search-toggle-close svg,
html body.page-id-8532 .kadence-search-popup .search-toggle-close svg,
html body.single.dark-mode .kadence-search-popup .search-toggle-close svg {
    fill: #D1CFC9 !important;
}

html body.page-id-8532 #search-drawer .search-toggle-close:hover svg,
html body.single.dark-mode #search-drawer .search-toggle-close:hover svg,
html body.page-id-8532 .kadence-search-popup .search-toggle-close:hover svg,
html body.single.dark-mode .kadence-search-popup .search-toggle-close:hover svg {
    fill: #D77B23 !important;
}

/* ====================================================================
   17. ШАПКА В СВЕТЛОЙ ТЕМЕ (СИНХРОНИЗАЦИЯ ЦВЕТА "ЧЁРНЫЙ УГОЛЬ")
==================================================================== */
/* 1. Главное меню и мобильное меню в светлой теме */
#masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
#masthead .menu-toggle,
#masthead .menu-toggle * {
    color: #242320 !important;
    fill: #242320 !important;
}

#masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
#masthead .menu-toggle:hover,
#masthead .menu-toggle:hover * {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* 2. Жесткая защита тёмного режима для этих же элементов */
body.page-id-8532 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.single.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.page-id-8532 #masthead .menu-toggle,
body.page-id-8532 #masthead .menu-toggle *,
body.single.dark-mode #masthead .menu-toggle,
body.single.dark-mode #masthead .menu-toggle * {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
}

body.page-id-8532 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.single.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.page-id-8532 #masthead .menu-toggle:hover,
body.page-id-8532 #masthead .menu-toggle:hover *,
body.single.dark-mode #masthead .menu-toggle:hover,
body.single.dark-mode #masthead .menu-toggle:hover * {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* ====================================================================
   18. КНОПКИ "ПОДЕЛИТЬСЯ / PDF" В СВЕТЛОЙ ТЕМЕ
==================================================================== */
/* Основной цвет - "Чёрный уголь" */
.ct-btn,
.ct-btn-text,
a.ct-popover-link {
    color: #242320 !important;
}

/* Возвращаем разделителю его аккуратный светло-серый вид */
.ct-divider {
    color: #cccccc !important; 
}

/* При наведении - Фирменный оранжевый */
.ct-btn:hover,
.ct-btn:hover .ct-btn-text {
    color: #D77B23 !important;
}

/* ====================================================================
   19. ВЫПАДАЮЩЕЕ МЕНЮ "ПОДЕЛИТЬСЯ" (АДАПТАЦИЯ ДЛЯ ТЁМНОЙ ТЕМЫ)
==================================================================== */
/* Фон самого меню и ссылок */
body.single.dark-mode .ct-popover,
body.single.dark-mode a.ct-popover-link {
    background-color: #2B2A27 !important;
    border-color: #3D3B36 !important;
    color: #D1CFC9 !important;
}

/* Треугольник (стрелочка) над меню */
body.single.dark-mode .ct-popover::after {
    background-color: #2B2A27 !important;
    border-color: #3D3B36 !important;
}

/* Эффект при наведении на пункты внутри списка */
body.single.dark-mode a.ct-popover-link:hover {
    background-color: #1E1D1B !important; 
    color: #D77B23 !important;
}

/* ====================================================================
   20. ОГЛАВЛЕНИЕ (СОДЕРЖАНИЕ) В СВЕТЛОЙ ТЕМЕ
==================================================================== */
.kb-table-of-content-nav a:hover {
    color: #D77B23 !important;
}

/* Оглавление (Содержание) в светлой теме — фирменные цвета */
body.single:not(.dark-mode) .kb-table-of-content-nav .kb-table-of-content-wrap {
    background-color: #F2F1ED !important;
    border: 1px solid #D1CFC9 !important;
    border-radius: 4px !important;
}

/* ====================================================================
   21. ДИЗАЙН ПОЛЯ ВВОДА ПОИСКА И ИКОНОК (СВЕТЛАЯ И ТЁМНАЯ ТЕМЫ)
==================================================================== */
/* 1. Отключение браузерных крестиков */
html body input[type="search"]::-webkit-search-decoration,
html body input[type="search"]::-webkit-search-cancel-button,
html body input[type="search"]::-webkit-search-results-button,
html body input[type="search"]::-webkit-search-results-decoration {
    display: none !important;
    -webkit-appearance: none !important;
}

html body input[type="search"]::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 2. Жесткая ширина поля (отменяем сужение) */
html body #search-drawer .drawer-inner .drawer-content form.search-form,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form {
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    display: block !important;
    border: none !important;
}

html body #search-drawer .drawer-inner .drawer-content form.search-form label,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form label {
    width: 100% !important;
    display: block !important;
}

/* 3. СВЕТЛАЯ ТЕМА (По умолчанию) */
/* Само поле и НЕАКТИВНАЯ рамка */
html body #search-drawer .drawer-inner .drawer-content form.search-form input.search-field,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field {
    width: 100% !important;
    background-color: #FFFFFF !important;
    color: #242320 !important; /* Текст внутри */
    border: 1px solid #D1CFC9 !important; /* Спокойная рамка цвета слоновой кости */
    box-shadow: 0 4px 15px rgba(36, 35, 32, 0.05) !important;
    outline: none !important;
    border-radius: 40px !important;
    padding: 15px 60px 15px 25px !important;
    transition: all 0.3s ease !important;
    height: 60px !important;
    font-size: 18px !important;
}

/* Лупа (Светлая тема, НЕАКТИВНАЯ) */
html body #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body #search-drawer .drawer-inner .drawer-content form.search-form button.search-submit svg,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form button.search-submit svg {
    fill: #242320 !important; /* Угольный графит */
    color: #242320 !important;
    transition: all 0.3s ease !important;
}

/* 4. ТЁМНАЯ ТЕМА И ГЛАВНАЯ СТРАНИЦА */
/* Само поле и НЕАКТИВНАЯ рамка */
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field {
    background-color: #1E1D1B !important;
    color: #D1CFC9 !important; /* Текст цвета слоновой кости */
    border: 1px solid #3D3B36 !important; /* Строгая графитовая рамка */
    box-shadow: none !important;
}

/* Лупа (Тёмная тема, НЕАКТИВНАЯ) */
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form button.search-submit svg,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form button.search-submit svg,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form button.search-submit svg,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form button.search-submit svg {
    fill: #D1CFC9 !important; /* Слоновая кость */
    color: #D1CFC9 !important;
}

/* 5. АКТИВНОЕ СОСТОЯНИЕ (ПРИ ВВОДЕ / ФОКУСЕ) - ОБЕ ТЕМЫ */
/* Рамка становится оранжевой */
html body #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus,
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus {
    border-color: #D77B23 !important;
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important;
}

/* Лупа становится оранжевой ПРИ ВВОДЕ или ПРИ НАВЕДЕНИИ на саму лупу */
html body #search-drawer .drawer-inner .drawer-content form.search-form input.search-submit:hover ~ .kadence-search-icon-wrap svg,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-submit:hover ~ .kadence-search-icon-wrap svg,
html body #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap:hover svg,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap:hover svg,
html body #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus ~ .kadence-search-icon-wrap svg,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus ~ .kadence-search-icon-wrap svg,
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form input.search-submit:hover ~ .kadence-search-icon-wrap svg,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-submit:hover ~ .kadence-search-icon-wrap svg,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-submit:hover ~ .kadence-search-icon-wrap svg,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-submit:hover ~ .kadence-search-icon-wrap svg,
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap:hover svg,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap:hover svg,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap:hover svg,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap:hover svg,
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus ~ .kadence-search-icon-wrap svg,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus ~ .kadence-search-icon-wrap svg,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus ~ .kadence-search-icon-wrap svg,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus ~ .kadence-search-icon-wrap svg {
    fill: #D77B23 !important;
    color: #D77B23 !important;
}

/* 6. ИСПРАВЛЕНИЕ СИНЕГО ФОНА АВТОЗАПОЛНЕНИЯ (CHROME/SAFARI) */
/* Светлая тема */
html body #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill,
html body #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:hover,
html body #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:focus,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:hover,
html body .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #242320 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Тёмная тема */
html body.page-id-8532 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill,
html body.single.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill,
html body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill,
html body.single.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1E1D1B inset !important;
    -webkit-text-fill-color: #D1CFC9 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Принудительная ширина в строчку для страницы поиска Kadence */
body.search-results ul.kadence-posts-list.grid-cols {
    display: block !important;
}

body.search-results ul.kadence-posts-list.grid-cols li.entry-list-item {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

/* ====================================================================
   ПОДСВЕТКА ИСКОМЫХ СЛОВ В ПОИСКЕ (RELEVANSSI)
==================================================================== */
.search-results mark, 
.search-results .relevanssi-query-term {
    background-color: rgba(215, 123, 35, 0.35) !important; /* Оранжевый маркер, полупрозрачный */
    color: inherit !important;      /* Текст остаётся обычного цвета */
    padding: 0 3px !important;
    border-radius: 3px !important;
    font-weight: inherit !important; /* Без жирности, как настоящий маркер */
}

/* Подсветка для тёмной темы (чтобы не слепило глаза) */
body.single.dark-mode .search-results mark,
body.single.dark-mode .search-results .relevanssi-query-term,
body.page-id-8532 .search-results mark,
body.page-id-8532 .search-results .relevanssi-query-term {
    background-color: #AB5F17 !important; /* Темно-оранжевый */
    color: #D1CFC9 !important;
}

/* ====================================================================
   22. ПОЛЕ ПОИСКА НА СТРАНИЦАХ ПОИСКА (два состояния, обе темы)
   Накрывает и страницу с результатами, и «ничего не найдено»
==================================================================== */
/* --- Неактивное состояние: СВЕТЛАЯ тема --- */
body.search .search-form input.search-field,
body.search-results .search-form input.search-field,
body.search-no-results .search-form input.search-field {
    background-color: #FFFFFF !important;
    color: #242320 !important;
    border: 1px solid #D1CFC9 !important; /* Спокойная слоновая кость */
    border-radius: 40px !important;
    padding: 12px 55px 12px 22px !important;
    box-shadow: 0 4px 15px rgba(36, 35, 32, 0.05) !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

/* --- Неактивное состояние: ТЁМНАЯ тема --- */
body.search.dark-mode .search-form input.search-field,
body.search-results.dark-mode .search-form input.search-field,
body.search-no-results.dark-mode .search-form input.search-field {
    background-color: #1E1D1B !important;
    color: #D1CFC9 !important;
    border: 1px solid #3D3B36 !important; /* Строгий графит */
    box-shadow: none !important;
}

/* --- Активное состояние (клик / ввод): ОБЕ темы --- */
body.search .search-form input.search-field:focus,
body.search-results .search-form input.search-field:focus,
body.search-no-results .search-form input.search-field:focus {
    border-color: #D77B23 !important; /* Фирменный оранжевый */
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important; /* Мягкое свечение */
}

/* --- Лупа-кнопка в поле: СВЕТЛАЯ тема --- */
body.search .search-form .search-submit svg,
body.search .search-form button svg,
body.search .search-form .kadence-search-icon-wrap svg {
    fill: #242320 !important;
    color: #242320 !important;
    width: 22px !important;
    height: 22px !important;
    transition: fill 0.3s ease, color 0.3s ease !important;
}

/* --- Лупа-кнопка в поле: ТЁМНАЯ тема --- */
body.search.dark-mode .search-form .search-submit svg,
body.search.dark-mode .search-form button svg,
body.search.dark-mode .search-form .kadence-search-icon-wrap svg {
    fill: #D1CFC9 !important;
    color: #D1CFC9 !important;
}

/* --- Лупа оранжевая ТОЛЬКО при наведении на форму: ОБЕ темы --- */
body.search .search-form:hover .search-submit svg,
body.search .search-form:hover button svg,
body.search .search-form:hover .kadence-search-icon-wrap svg {
    fill: #D77B23 !important;
    color: #D77B23 !important;
}

/* --- Исправление синего фона автозаполнения: СВЕТЛАЯ тема --- */
body.search .search-form input.search-field:-webkit-autofill,
body.search .search-form input.search-field:-webkit-autofill:hover,
body.search .search-form input.search-field:-webkit-autofill:focus,
body.search-results .search-form input.search-field:-webkit-autofill,
body.search-results .search-form input.search-field:-webkit-autofill:hover,
body.search-results .search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #242320 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* --- Исправление автозаполнения: ТЁМНАЯ тема --- */
body.search.dark-mode .search-form input.search-field:-webkit-autofill,
body.search-results.dark-mode .search-form input.search-field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1E1D1B inset !important;
    -webkit-text-fill-color: #D1CFC9 !important;
}

/* ====================================================================
   23. ЛУПА В ШАПКЕ (чёткая отрисовка на десктопе)
==================================================================== */
#masthead .search-toggle-open svg {
    width: 21px !important;
    height: 21px !important;
    stroke: none !important;
}

/* ====================================================================
   24. ТЁМНАЯ ТЕМА ДЛЯ СТРАНИЦ ПОИСКА (результаты и «ничего не найдено»)
==================================================================== */
/* Фоны страницы, шапки и подвала */
body.search.dark-mode,
body.search.dark-mode .site-container,
body.search.dark-mode .site-main,
body.search.dark-mode .content-bg,
body.search.dark-mode #inner-wrap,
body.search.dark-mode .site-content,
body.search.dark-mode #masthead,
body.search.dark-mode .site-footer,
body.search.dark-mode .site-bottom-footer-wrap {
    background-color: #242320 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Логотип и название */
body.search.dark-mode img.custom-logo {
    content: url("https://ktotvoigospod.com/wp-content/uploads/2026/07/poleznoe-znanie_horizontal_dark@3x.png") !important;
}

body.search.dark-mode #masthead .site-title,
body.search.dark-mode #masthead .site-title * {
    color: #FFFFFF !important;
}

/* Шапка и подвал: текст и иконки */
body.search.dark-mode #masthead *,
body.search.dark-mode .site-footer * {
    color: #D1CFC9 !important;
}

body.search.dark-mode #masthead .search-toggle-open,
body.search.dark-mode #masthead .search-toggle-open *,
body.search.dark-mode #masthead .menu-toggle,
body.search.dark-mode #masthead .menu-toggle *,
body.search.dark-mode .header-tg-icon svg {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
}

body.search.dark-mode #masthead a:hover,
body.search.dark-mode #masthead a:hover *,
body.search.dark-mode #masthead .search-toggle-open:hover,
body.search.dark-mode #masthead .search-toggle-open:hover *,
body.search.dark-mode #masthead .menu-toggle:hover,
body.search.dark-mode #masthead .menu-toggle:hover *,
body.search.dark-mode .header-tg-icon:hover svg {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* Заголовок, текст и мета */
body.search.dark-mode h1,
body.search.dark-mode h2,
body.search.dark-mode h3,
body.search.dark-mode p,
body.search.dark-mode li,
body.search.dark-mode .entry-title,
body.search.dark-mode .entry-meta,
body.search.dark-mode .entry-meta * {
    color: #D1CFC9 !important;
}

/* Карточки результатов */
body.search.dark-mode article,
body.search.dark-mode .loop-entry,
body.search.dark-mode .loop-entry .entry-content-wrap,
body.search.dark-mode li.entry-list-item article {
    background-color: #2B2A27 !important;
    border: 1px solid #3D3B36 !important;
}

body.search.dark-mode .entry-title a {
    color: #D1CFC9 !important;
}

body.search.dark-mode .entry-title a:hover,
body.search.dark-mode .entry-taxonomies a {
    color: #D77B23 !important;
}

/* Подсветка искомых слов (Relevanssi) в тёмной теме */
body.search.dark-mode mark,
body.search.dark-mode .relevanssi-query-term {
    background-color: #AB5F17 !important;
    color: #FFFFFF !important;
}

/* Ссылка на Telegram в подвале */
body.search.dark-mode .site-bottom-footer-wrap a,
body.search.dark-mode .footer-html a {
    color: #D77B23 !important;
}

body.search.dark-mode .site-bottom-footer-wrap a:hover,
body.search.dark-mode .footer-html a:hover {
    color: #AB5F17 !important;
}

/* Дата хиджры в шапке — фирменный оранжевый (как на статьях) */
body.search.dark-mode #masthead .site-header-custom-html,
body.search.dark-mode #masthead .site-header-custom-html *,
body.search.dark-mode #masthead .header-html,
body.search.dark-mode #masthead .header-html * {
    color: #D77B23 !important;
}

/* Пункты меню (Главная, Разделы) — видимый цвет слоновой кости */
body.search.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.search.dark-mode #masthead .header-navigation li.menu-item > a,
body.search.dark-mode #masthead .header-navigation li.menu-item > a * {
    color: #D1CFC9 !important;
}

body.search.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.search.dark-mode #masthead .header-navigation li.menu-item:hover > a,
body.search.dark-mode #masthead .header-navigation li.menu-item:hover > a * {
    color: #D77B23 !important;
}

/* ====================================================================
   25. ОКНО ПОИСКА (ПОПАП) НА ТЁМНЫХ СТРАНИЦАХ ПОИСКА
==================================================================== */
/* Тёмная пелена */
html body.search.dark-mode #search-drawer .drawer-overlay,
html body.search.dark-mode .kadence-search-popup .drawer-overlay {
    background-color: rgba(36, 35, 32, 0.95) !important;
}

/* Тёмное поле ввода */
html body.search.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field,
html body.search.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field {
    background-color: #1E1D1B !important;
    color: #D1CFC9 !important;
    border: 1px solid #3D3B36 !important;
    box-shadow: none !important;
}

/* Лупа в попапе */
html body.search.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.search.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form button.search-submit svg,
html body.search.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.search.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form button.search-submit svg {
    fill: #D1CFC9 !important;
    color: #D1CFC9 !important;
}

/* Крестик закрытия */
html body.search.dark-mode #search-drawer .search-toggle-close svg,
html body.search.dark-mode .kadence-search-popup .search-toggle-close svg {
    fill: #D1CFC9 !important;
}

html body.search.dark-mode #search-drawer .search-toggle-close:hover svg,
html body.search.dark-mode .kadence-search-popup .search-toggle-close:hover svg {
    fill: #D77B23 !important;
}

/* Оранжевая рамка при фокусе (наследуется из раздела 21, дублируем для надёжности) */
html body.search.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus,
html body.search.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus {
    border-color: #D77B23 !important;
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important;
}

/* ====================================================================
   26. РУБРИКИ (АРХИВЫ): ТЁМНАЯ ТЕМА + БРЕНДИРОВАННЫЙ ПОИСКОВИК
==================================================================== */
/* --- Поле поиска в рубриках: СВЕТЛАЯ тема (овал, как на поиске) --- */
body.archive .search-form input.search-field {
    background-color: #FFFFFF !important;
    color: #242320 !important;
    border: 1px solid #D1CFC9 !important;
    border-radius: 40px !important;
    padding: 12px 55px 12px 22px !important;
    box-shadow: 0 4px 15px rgba(36, 35, 32, 0.05) !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

body.archive .search-form input.search-field:focus {
    border-color: #D77B23 !important;
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important;
}

body.archive .search-form .search-submit svg,
body.archive .search-form button svg,
body.archive .search-form .kadence-search-icon-wrap svg {
    fill: #242320 !important;
    color: #242320 !important;
    width: 22px !important;
    height: 22px !important;
    transition: fill 0.3s ease, color 0.3s ease !important;
}

body.archive .search-form:hover .search-submit svg,
body.archive .search-form:hover button svg,
body.archive .search-form:hover .kadence-search-icon-wrap svg {
    fill: #D77B23 !important;
    color: #D77B23 !important;
}

/* --- ТЁМНАЯ ТЕМА для рубрик: фоны --- */
body.archive.dark-mode,
body.archive.dark-mode .site-container,
body.archive.dark-mode .site-main,
body.archive.dark-mode .content-bg,
body.archive.dark-mode #inner-wrap,
body.archive.dark-mode .site-content,
body.archive.dark-mode #masthead {
    background-color: #242320 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Полоса заголовка рубрики и подвал — чуть светлее фона, как в светлой теме */
body.archive.dark-mode .archive-hero,
body.archive.dark-mode .entry-hero,
body.archive.dark-mode .entry-hero-container-inner,
body.archive.dark-mode .kadence-breadcrumb-container,
body.archive.dark-mode .site-footer,
body.archive.dark-mode .site-bottom-footer-wrap {
    background-color: #2B2A27 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Контейнеры внутри hero и подвала — прозрачные, чтобы полосы были сплошными */
body.archive.dark-mode .entry-hero .site-container,
body.archive.dark-mode .entry-hero .hero-container,
body.archive.dark-mode .entry-hero-container-inner .site-container,
body.archive.dark-mode .entry-hero .entry-header,
body.archive.dark-mode .hero-section-overlay,
body.archive.dark-mode .site-footer .site-container,
body.archive.dark-mode .site-footer-wrap {
    background-color: transparent !important;
}

/* Логотип и название */
body.archive.dark-mode img.custom-logo {
    content: url("https://ktotvoigospod.com/wp-content/uploads/2026/07/poleznoe-znanie_horizontal_dark@3x.png") !important;
}

body.archive.dark-mode #masthead .site-title,
body.archive.dark-mode #masthead .site-title * {
    color: #FFFFFF !important;
}

/* Шапка и подвал: текст и иконки */
body.archive.dark-mode #masthead *,
body.archive.dark-mode .site-footer * {
    color: #D1CFC9 !important;
}

body.archive.dark-mode #masthead .search-toggle-open,
body.archive.dark-mode #masthead .search-toggle-open *,
body.archive.dark-mode #masthead .menu-toggle,
body.archive.dark-mode #masthead .menu-toggle *,
body.archive.dark-mode .header-tg-icon svg {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
}

body.archive.dark-mode #masthead a:hover,
body.archive.dark-mode #masthead a:hover *,
body.archive.dark-mode #masthead .search-toggle-open:hover,
body.archive.dark-mode #masthead .search-toggle-open:hover *,
body.archive.dark-mode #masthead .menu-toggle:hover,
body.archive.dark-mode #masthead .menu-toggle:hover *,
body.archive.dark-mode .header-tg-icon:hover svg {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* Дата хиджры — оранжевая */
body.archive.dark-mode #masthead .site-header-custom-html,
body.archive.dark-mode #masthead .site-header-custom-html *,
body.archive.dark-mode #masthead .header-html,
body.archive.dark-mode #masthead .header-html * {
    color: #D77B23 !important;
}

/* Пункты меню (Главная, Разделы) */
body.archive.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.archive.dark-mode #masthead .header-navigation li.menu-item > a,
body.archive.dark-mode #masthead .header-navigation li.menu-item > a * {
    color: #D1CFC9 !important;
}

body.archive.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.archive.dark-mode #masthead .header-navigation li.menu-item:hover > a,
body.archive.dark-mode #masthead .header-navigation li.menu-item:hover > a * {
    color: #D77B23 !important;
}

/* Заголовок рубрики, описание, текст */
body.archive.dark-mode h1,
body.archive.dark-mode h2,
body.archive.dark-mode h3,
body.archive.dark-mode p,
body.archive.dark-mode li,
body.archive.dark-mode .page-title,
body.archive.dark-mode .archive-title,
body.archive.dark-mode .archive-description,
body.archive.dark-mode .archive-description p,
body.archive.dark-mode .entry-title,
body.archive.dark-mode .entry-meta,
body.archive.dark-mode .entry-meta * {
    color: #D1CFC9 !important;
}

/* Карточки статей в рубрике — без рамки, как в светлой теме */
body.archive.dark-mode article,
body.archive.dark-mode .loop-entry,
body.archive.dark-mode .loop-entry .entry-content-wrap,
body.archive.dark-mode li.entry-list-item article {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.archive.dark-mode .entry-title a {
    color: #D1CFC9 !important;
}

body.archive.dark-mode .entry-title a:hover,
body.archive.dark-mode .entry-taxonomies a {
    color: #D77B23 !important;
}

/* Поле поиска в рубрике: ТЁМНАЯ тема */
body.archive.dark-mode .search-form input.search-field {
    background-color: #1E1D1B !important;
    color: #D1CFC9 !important;
    border: 1px solid #3D3B36 !important;
    box-shadow: none !important;
}

body.archive.dark-mode .search-form .search-submit svg,
body.archive.dark-mode .search-form button svg,
body.archive.dark-mode .search-form .kadence-search-icon-wrap svg {
    fill: #D1CFC9 !important;
    color: #D1CFC9 !important;
}

/* Лупа оранжевая при наведении: ТЁМНАЯ тема (перебивает цвет покоя) */
body.archive.dark-mode .search-form:hover .search-submit svg,
body.archive.dark-mode .search-form:hover button svg,
body.archive.dark-mode .search-form:hover .kadence-search-icon-wrap svg {
    fill: #D77B23 !important;
    color: #D77B23 !important;
}

/* Ссылка на Telegram в подвале */
body.archive.dark-mode .site-bottom-footer-wrap a,
body.archive.dark-mode .footer-html a {
    color: #D77B23 !important;
}

body.archive.dark-mode .site-bottom-footer-wrap a:hover,
body.archive.dark-mode .footer-html a:hover {
    color: #AB5F17 !important;
}

/* Исправление автозаполнения Chrome в поле рубрик: СВЕТЛАЯ тема */
body.archive .search-form input.search-field:-webkit-autofill,
body.archive .search-form input.search-field:-webkit-autofill:hover,
body.archive .search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #242320 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Исправление автозаполнения: ТЁМНАЯ тема */
body.archive.dark-mode .search-form input.search-field:-webkit-autofill,
body.archive.dark-mode .search-form input.search-field:-webkit-autofill:hover,
body.archive.dark-mode .search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #1E1D1B inset !important;
    -webkit-text-fill-color: #D1CFC9 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Плейсхолдер «Поиск...» в поле рубрик */
/* Светлая тема */
html body.archive .search-form input.search-field::placeholder {
    color: rgba(36, 35, 32, 0.55) !important;
    opacity: 1 !important;
}

html body.archive .search-form input.search-field::-webkit-input-placeholder {
    color: rgba(36, 35, 32, 0.55) !important;
    opacity: 1 !important;
}

html body.archive .search-form input.search-field::-moz-placeholder {
    color: rgba(36, 35, 32, 0.55) !important;
    opacity: 1 !important;
}

/* Тёмная тема — слоновая кость */
html body.archive.dark-mode .search-form input.search-field::placeholder {
    color: #D1CFC9 !important;
    opacity: 0.85 !important;
}

html body.archive.dark-mode .search-form input.search-field::-webkit-input-placeholder {
    color: #D1CFC9 !important;
    opacity: 0.85 !important;
}

html body.archive.dark-mode .search-form input.search-field::-moz-placeholder {
    color: #D1CFC9 !important;
    opacity: 0.85 !important;
}

/* Плейсхолдер на страницах поиска — те же цвета для единообразия */
html body.search .search-form input.search-field::placeholder {
    color: rgba(36, 35, 32, 0.55) !important;
    opacity: 1 !important;
}

html body.search.dark-mode .search-form input.search-field::placeholder {
    color: #D1CFC9 !important;
    opacity: 0.85 !important;
}

/* --- Попап поиска на ТЁМНЫХ рубриках --- */
/* Тёмная пелена */
html body.archive.dark-mode #search-drawer .drawer-overlay,
html body.archive.dark-mode .kadence-search-popup .drawer-overlay {
    background-color: rgba(36, 35, 32, 0.95) !important;
}

/* Тёмное поле ввода */
html body.archive.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field,
html body.archive.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field {
    background-color: #1E1D1B !important;
    color: #D1CFC9 !important;
    border: 1px solid #3D3B36 !important;
    box-shadow: none !important;
}

/* Лупа в попапе */
html body.archive.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.archive.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form button.search-submit svg,
html body.archive.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html body.archive.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form button.search-submit svg {
    fill: #D1CFC9 !important;
    color: #D1CFC9 !important;
}

/* Крестик закрытия */
html body.archive.dark-mode #search-drawer .search-toggle-close svg,
html body.archive.dark-mode .kadence-search-popup .search-toggle-close svg {
    fill: #D1CFC9 !important;
}

html body.archive.dark-mode #search-drawer .search-toggle-close:hover svg,
html body.archive.dark-mode .kadence-search-popup .search-toggle-close:hover svg {
    fill: #D77B23 !important;
}

/* Оранжевая рамка при фокусе */
html body.archive.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus,
html body.archive.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus {
    border-color: #D77B23 !important;
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important;
}

/* Скрыть плавающий чат-бот (пузырь) только на главной странице */
body.page-id-8532 .mwai-window,
body.home .mwai-window {
  display: none !important;
}

/* ====================================================================
   27. СТРАНИЦА 404 (СВЕТЛАЯ И ТЁМНАЯ ТЕМЫ)
==================================================================== */
/* --- Поле поиска: СВЕТЛАЯ тема (фирменный овал) --- */
body.error404 .search-form input.search-field {
    background-color: #FFFFFF !important;
    color: #242320 !important;
    border: 1px solid #D1CFC9 !important;
    border-radius: 40px !important;
    padding: 12px 55px 12px 22px !important;
    box-shadow: 0 4px 15px rgba(36, 35, 32, 0.05) !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

body.error404 .search-form input.search-field:focus {
    border-color: #D77B23 !important;
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important;
}

body.error404 .search-form .search-submit svg,
body.error404 .search-form button svg,
body.error404 .search-form .kadence-search-icon-wrap svg {
    fill: #242320 !important;
    color: #242320 !important;
    width: 22px !important;
    height: 22px !important;
    transition: fill 0.3s ease, color 0.3s ease !important;
}

body.error404 .search-form:hover .search-submit svg,
body.error404 .search-form:hover button svg,
body.error404 .search-form:hover .kadence-search-icon-wrap svg {
    fill: #D77B23 !important;
    color: #D77B23 !important;
}

/* Плейсхолдер «Поиск...» */
html body.error404 .search-form input.search-field::placeholder {
    color: rgba(36, 35, 32, 0.55) !important;
    opacity: 1 !important;
}

html body.error404.dark-mode .search-form input.search-field::placeholder {
    color: #D1CFC9 !important;
    opacity: 0.85 !important;
}

/* --- ТЁМНАЯ ТЕМА: фоны страницы, шапки и подвала --- */
body.error404.dark-mode,
body.error404.dark-mode .site-container,
body.error404.dark-mode .site-main,
body.error404.dark-mode .content-bg,
body.error404.dark-mode .content-area,
body.error404.dark-mode #inner-wrap,
body.error404.dark-mode .site-content,
body.error404.dark-mode #masthead,
body.error404.dark-mode .site-footer,
body.error404.dark-mode .site-bottom-footer-wrap {
    background-color: #242320 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Карточка «Страница не найдена» — чуть светлее фона */
body.error404.dark-mode article,
body.error404.dark-mode .error-404,
body.error404.dark-mode .content-bg.entry-content-wrap,
body.error404.dark-mode .entry-content-wrap {
    background-color: #2B2A27 !important;
    border: 1px solid #3D3B36 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

/* Логотип и название */
body.error404.dark-mode img.custom-logo {
    content: url("https://ktotvoigospod.com/wp-content/uploads/2026/07/poleznoe-znanie_horizontal_dark@3x.png") !important;
}

body.error404.dark-mode #masthead .site-title,
body.error404.dark-mode #masthead .site-title * {
    color: #FFFFFF !important;
}

/* Шапка и подвал: текст и иконки */
body.error404.dark-mode #masthead *,
body.error404.dark-mode .site-footer * {
    color: #D1CFC9 !important;
}

body.error404.dark-mode #masthead .search-toggle-open,
body.error404.dark-mode #masthead .search-toggle-open *,
body.error404.dark-mode #masthead .menu-toggle,
body.error404.dark-mode #masthead .menu-toggle *,
body.error404.dark-mode .header-tg-icon svg {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
}

body.error404.dark-mode #masthead a:hover,
body.error404.dark-mode #masthead a:hover *,
body.error404.dark-mode #masthead .search-toggle-open:hover,
body.error404.dark-mode #masthead .search-toggle-open:hover *,
body.error404.dark-mode #masthead .menu-toggle:hover,
body.error404.dark-mode #masthead .menu-toggle:hover *,
body.error404.dark-mode .header-tg-icon:hover svg {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* Дата хиджры — оранжевая */
body.error404.dark-mode #masthead .site-header-custom-html,
body.error404.dark-mode #masthead .site-header-custom-html *,
body.error404.dark-mode #masthead .header-html,
body.error404.dark-mode #masthead .header-html * {
    color: #D77B23 !important;
}

/* Пункты меню */
body.error404.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.error404.dark-mode #masthead .header-navigation li.menu-item > a,
body.error404.dark-mode #masthead .header-navigation li.menu-item > a * {
    color: #D1CFC9 !important;
}

body.error404.dark-mode #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.error404.dark-mode #masthead .header-navigation li.menu-item:hover > a,
body.error404.dark-mode #masthead .header-navigation li.menu-item:hover > a * {
    color: #D77B23 !important;
}

/* Заголовок и текст */
body.error404.dark-mode h1,
body.error404.dark-mode h2,
body.error404.dark-mode p,
body.error404.dark-mode .page-title {
    color: #D1CFC9 !important;
}

/* Поле поиска: ТЁМНАЯ тема */
body.error404.dark-mode .search-form input.search-field {
    background-color: #1E1D1B !important;
    color: #D1CFC9 !important;
    border: 1px solid #3D3B36 !important;
    box-shadow: none !important;
}

body.error404.dark-mode .search-form .search-submit svg,
body.error404.dark-mode .search-form button svg,
body.error404.dark-mode .search-form .kadence-search-icon-wrap svg {
    fill: #D1CFC9 !important;
    color: #D1CFC9 !important;
}

body.error404.dark-mode .search-form:hover .search-submit svg,
body.error404.dark-mode .search-form:hover button svg,
body.error404.dark-mode .search-form:hover .kadence-search-icon-wrap svg {
    fill: #D77B23 !important;
    color: #D77B23 !important;
}

/* Ссылка Telegram в подвале */
body.error404.dark-mode .site-bottom-footer-wrap a,
body.error404.dark-mode .footer-html a {
    color: #D77B23 !important;
}

body.error404.dark-mode .site-bottom-footer-wrap a:hover,
body.error404.dark-mode .footer-html a:hover {
    color: #AB5F17 !important;
}

/* Попап поиска (лупа в шапке) на тёмной 404 */
html body.error404.dark-mode #search-drawer .drawer-overlay,
html body.error404.dark-mode .kadence-search-popup .drawer-overlay {
    background-color: rgba(36, 35, 32, 0.95) !important;
}

html body.error404.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field,
html body.error404.dark-mode .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field {
    background-color: #1E1D1B !important;
    color: #D1CFC9 !important;
    border: 1px solid #3D3B36 !important;
    box-shadow: none !important;
}

html body.error404.dark-mode #search-drawer .search-toggle-close svg,
html body.error404.dark-mode .kadence-search-popup .search-toggle-close svg {
    fill: #D1CFC9 !important;
}

html body.error404.dark-mode #search-drawer .search-toggle-close:hover svg,
html body.error404.dark-mode .kadence-search-popup .search-toggle-close:hover svg {
    fill: #D77B23 !important;
}

/* Автозаполнение Chrome на 404 */
body.error404 .search-form input.search-field:-webkit-autofill,
body.error404 .search-form input.search-field:-webkit-autofill:hover,
body.error404 .search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #242320 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

body.error404.dark-mode .search-form input.search-field:-webkit-autofill,
body.error404.dark-mode .search-form input.search-field:-webkit-autofill:hover,
body.error404.dark-mode .search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #1E1D1B inset !important;
    -webkit-text-fill-color: #D1CFC9 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* ====================================================================
   28. ФИКС ПОПАПА ПОИСКА (#search-drawer) НА 404 — фокус-рамка + плейсхолдер
==================================================================== */
/* Оранжевая рамка при фокусе: СВЕТЛАЯ 404 */
html body.error404 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus {
    border-color: #D77B23 !important;
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important;
}

/* Оранжевая рамка при фокусе: ТЁМНАЯ 404 (специфичность 1,7,4 — бьёт графит 1,6,4) */
html body.error404.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:focus {
    border-color: #D77B23 !important;
    box-shadow: 0 4px 15px rgba(215, 123, 35, 0.15) !important;
}

/* Плейсхолдер в попапе: СВЕТЛАЯ 404 (чёткий угольный) */
html body.error404 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field::placeholder {
    color: rgba(36, 35, 32, 0.55) !important;
    opacity: 1 !important;
}

/* Плейсхолдер в попапе: ТЁМНАЯ 404 (чёткая слоновая кость, без блеклости) */
html body.error404.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field::placeholder {
    color: #D1CFC9 !important;
    opacity: 1 !important;
}

/* ====================================================================
   30. АВТОЗАПОЛНЕНИЕ В ПОПАПЕ ПОИСКА НА 404 (выбор слова из списка браузера)
==================================================================== */
/* СВЕТЛАЯ 404 — белый фон, угольный текст */
html body.error404 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill,
html body.error404 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:hover,
html body.error404 #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #242320 !important;
    caret-color: #242320 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* ТЁМНАЯ 404 — тёмный фон, текст слоновой кости */
html body.error404.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill,
html body.error404.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:hover,
html body.error404.dark-mode #search-drawer .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #1E1D1B inset !important;
    -webkit-text-fill-color: #D1CFC9 !important;
    caret-color: #D1CFC9 !important;
    border: 1px solid #D77B23 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* ====================================================================
   31. СКРЫТИЕ ИИ-БОТА ПРИ ПЕЧАТИ И СОХРАНЕНИИ В PDF
==================================================================== */
@media print {
  .mwai-chatbot,
  .mwai-window,
  .mwai-window-box,
  .mwai-open-button,
  [class*="mwai-"] {
    display: none !important;
  }

}

/* ====================================================================
   32. ГЛАВНАЯ: КОНТЕНТ ПО ЦЕНТРУ + ПОДВАЛ ВНИЗУ ЭКРАНА
==================================================================== */
/* Тёмный фон по всей цепочке (защита от белой полосы) */
body.page-id-8532,
body.page-id-8532 #wrapper,
body.page-id-8532 #inner-wrap,
body.page-id-8532 #primary,
body.page-id-8532 .content-area,
body.page-id-8532 .content-container,
body.page-id-8532 #main,
body.page-id-8532 .site-main,
body.page-id-8532 .content-wrap,
body.page-id-8532 article.entry,
body.page-id-8532 .content-bg,
body.page-id-8532 .entry-content-wrap,
body.page-id-8532 .entry-content {
    background: #242320 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Каркас: страница = колонка высотой в экран, подвал прижат к низу */
body.page-id-8532 #wrapper {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;   /* запасной вариант для старых браузеров */
    min-height: 100svh !important;  /* точная видимая высота на мобильных */
}

body.page-id-8532 #inner-wrap {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Вся вложенная цепочка тоже тянется, чтобы передать высоту секции */
body.page-id-8532 #primary,
body.page-id-8532 .content-container,
body.page-id-8532 #main,
body.page-id-8532 .content-wrap,
body.page-id-8532 article.entry,
body.page-id-8532 .entry-content-wrap,
body.page-id-8532 .entry-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

body.page-id-8532 .content-area {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Секция занимает всё оставшееся место, контент центрируется в ней */
body.page-id-8532 .entry-content > .kb-row-layout-id8532_70d64b-ca {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body.page-id-8532 .kb-row-layout-id8532_70d64b-ca > .kt-row-column-wrap {
    min-height: auto !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/* ====================================================================
   33. НИЗ СТАТЬИ: МЕТКИ, ХОВЕР БЕЗ ЗАЛИВКИ, НАВИГАЦИЯ НАЗАД/ДАЛЕЕ
==================================================================== */
/* --- 1. Метки в СВЕТЛОЙ теме (зеркально тёмной, но в светлых цветах) --- */
body.single:not(.dark-mode) .entry-tags .tag-link {
    background-color: transparent !important;
    border: 1px solid #D1CFC9 !important;
    color: #242320 !important;
}

body.single:not(.dark-mode) .entry-tags .tag-link .tag-hash {
    color: #242320 !important;
}

/* --- 3. Ховер меток в ОБЕИХ темах: без заливки, оранжевые рамка и текст
       (как у кнопки переключения темы) --- */
body.single .entry-tags .tag-link:hover,
body.single .entry-tags .tag-link:focus {
    background: transparent !important;
    background-color: transparent !important;
    border-color: #D77B23 !important;
    color: #D77B23 !important;
    box-shadow: none !important;
    font-weight: inherit !important;
}

body.single .entry-tags .tag-link:hover .tag-hash,
body.single .entry-tags .tag-link:focus .tag-hash {
    color: #D77B23 !important;
}

/* --- 4. Навигация Назад/Далее: СВЕТЛАЯ тема --- */
body.single:not(.dark-mode) .post-navigation a,
body.single:not(.dark-mode) .post-navigation a * {
    color: #242320 !important;
}

body.single:not(.dark-mode) .post-navigation a:hover,
body.single:not(.dark-mode) .post-navigation a:hover * {
    color: #D77B23 !important;
}

/* --- 4. Навигация: ТЁМНАЯ тема (видна сразу, без наведения) --- */
body.single.dark-mode .post-navigation a,
body.single.dark-mode .post-navigation a * {
    color: #D1CFC9 !important;
}

body.single.dark-mode .post-navigation a:hover,
body.single.dark-mode .post-navigation a:hover * {
    color: #D77B23 !important;
}

/* --- 2. Вертикальный разделитель между Назад и Далее --- */
body.single:not(.dark-mode) .post-navigation .nav-links,
body.single:not(.dark-mode) .post-navigation .nav-previous,
body.single:not(.dark-mode) .post-navigation .nav-next {
    border-color: #D1CFC9 !important;
}

body.single.dark-mode .post-navigation .nav-links,
body.single.dark-mode .post-navigation .nav-previous,
body.single.dark-mode .post-navigation .nav-next {
    border-color: #3D3B36 !important;
}

/* --- 2 (доп.). Перегородка Назад/Далее — все возможные варианты --- */
/* Светлая тема — слоновая кость */
body.single:not(.dark-mode) .post-navigation .nav-links > *,
body.single:not(.dark-mode) .post-navigation .nav-previous,
body.single:not(.dark-mode) .post-navigation .nav-next,
body.single:not(.dark-mode) .kadence-post-navigation,
body.single:not(.dark-mode) .kadence-post-navigation * {
    border-color: #D1CFC9 !important;
}

/* Тёмная тема — графит */
body.single.dark-mode .post-navigation .nav-links > *,
body.single.dark-mode .post-navigation .nav-previous,
body.single.dark-mode .post-navigation .nav-next,
body.single.dark-mode .kadence-post-navigation,
body.single.dark-mode .kadence-post-navigation * {
    border-color: #3D3B36 !important;
}

/* --- Шрифт навигации Назад/Далее: Inter (технический, без засечек) --- */
body.single .post-navigation,
body.single .post-navigation a,
body.single .post-navigation .nav-links,
body.single .kadence-post-navigation,
body.single .kadence-post-navigation a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ====================================================================
   34. СТАБИЛЬНАЯ ПРОКРУТКА + ПЛАВНАЯ ЗАГРУЗКА ШРИФТОВ
==================================================================== */
html {
    scrollbar-gutter: stable;
}

/* Запасной шрифт с метриками, подогнанными под PT Serif */
@font-face {
    font-family: "PT Serif Fallback";
    src: local("Times New Roman");
    size-adjust: 106%;
    ascent-override: 105%;
    descent-override: 29%;
}

/* Запасной шрифт с метриками, подогнанными под Inter */
@font-face {
    font-family: "Inter Fallback";
    src: local("Arial");
    size-adjust: 107%;
    ascent-override: 90%;
    descent-override: 22%;
}

/* Подключение: основной текст сайта (PT Serif) */
body,
.entry-content {
    font-family: "PT Serif", "PT Serif Fallback", Georgia, serif;
}

/* Подключение: служебные элементы на Inter */
#masthead .main-navigation a,
#custom-dark-mode-toggle,
body.single .post-navigation,
body.single .post-navigation a,
.archive-description {
    font-family: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ====================================================================
   35. РАННИЙ ТЁМНЫЙ ФОН (до навешивания класса на body)
==================================================================== */
html.dark-mode body.single,
html.dark-mode body.search,
html.dark-mode body.archive,
html.dark-mode body.error404,
html.dark-mode body.single #masthead,
html.dark-mode body.search #masthead,
html.dark-mode body.archive #masthead,
html.dark-mode body.error404 #masthead,
html.dark-mode body.single .content-bg,
html.dark-mode body.single .site-footer {
    background-color: #242320 !important;
}

/* ====================================================================
   35. H5 «Ссылки и примечания» — фирменный угольный в светлой теме
==================================================================== */
body.single:not(.dark-mode) .entry-content h5 {
    color: #242320 !important;
}

/* ====================================================================
   36. ПОДВАЛ ВНИЗУ ЭКРАНА: СТРАНИЦЫ 404 И ПОИСКА
==================================================================== */
/* Каркас: страница = колонка высотой в экран */
body.error404 #wrapper,
body.search #wrapper {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;   /* запасной вариант */
    min-height: 100svh !important;  /* точная видимая высота на мобильных */
}

/* Контентная часть занимает всё свободное место,
   выталкивая подвал к нижнему краю */
body.error404 #inner-wrap,
body.search #inner-wrap {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

body.error404 #primary,
body.search #primary,
body.error404 .content-area,
body.search .content-area {
    flex: 1 1 auto !important;
}

/* Подвал не сжимается и остаётся целиком в кадре */
body.error404 .site-footer,
body.search .site-footer {
    flex-shrink: 0 !important;
    margin-top: auto !important;
}

/* ====================================================================
   37. СТРАНИЦА 404 БЕЗ КАРТОЧКИ (как на странице поиска)
==================================================================== */
/* Обе темы: снимаем фон, рамку и тень со всех возможных обёрток */
body.error404 article,
body.error404 .error-404,
body.error404 .entry-content-wrap,
body.error404 .content-bg,
body.error404 .site-main,
body.error404 .content-wrap,
body.error404 .content-area,
body.error404 .single-content,
body.error404 main .entry,
body.error404 .entry {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Тёмная тема: фон страницы остаётся угольным (перебиваем раздел 27) */
body.error404.dark-mode article,
body.error404.dark-mode .error-404,
body.error404.dark-mode .entry-content-wrap,
body.error404.dark-mode .content-bg,
body.error404.dark-mode .content-bg.entry-content-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ====================================================================
   38. БЛОК «ЧИТАЙТЕ ТАКЖЕ» (related posts) — ФИРМЕННЫЕ ЦВЕТА
==================================================================== */
/* --- СВЕТЛАЯ тема: мягкая полоса секции в тон фона --- */
body.single:not(.dark-mode) .entry-related {
    background-color: #EDEBE4 !important;
}

body.single:not(.dark-mode) .entry-related-title {
    color: #242320 !important;
}

/* Карточка статьи внутри (рамка только на самой карточке, не на обёртке) */
body.single:not(.dark-mode) .entry-related article.loop-entry {
    background-color: #FFFFFF !important;
    border: 1px solid #D1CFC9 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

/* --- ТЁМНАЯ тема: полоса чуть светлее фона страницы --- */
body.single.dark-mode .entry-related {
    background-color: #2B2A27 !important;
}

body.single.dark-mode .entry-related-title {
    color: #D1CFC9 !important;
}

/* Карточка статьи внутри: цвета фона страницы, с графитовой рамкой
   (рамка только на самой карточке, не на обёртке) */
body.single.dark-mode .entry-related article.loop-entry {
    background-color: #242320 !important;
    border: 1px solid #3D3B36 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

/* --- Содержимое карточек: ТЁМНАЯ тема --- */
body.single.dark-mode .entry-related .entry-title a {
    color: #D1CFC9 !important;
}

body.single.dark-mode .entry-related .entry-title a:hover {
    color: #D77B23 !important;
}

body.single.dark-mode .entry-related .entry-summary,
body.single.dark-mode .entry-related .entry-summary p,
body.single.dark-mode .entry-related .entry-meta,
body.single.dark-mode .entry-related .entry-meta * {
    color: #D1CFC9 !important;
}

body.single.dark-mode .entry-related .entry-taxonomies a,
body.single.dark-mode .entry-related .post-more-link {
    color: #D77B23 !important;
}

body.single.dark-mode .entry-related .entry-taxonomies a:hover,
body.single.dark-mode .entry-related .post-more-link:hover {
    color: #AB5F17 !important;
}

/* --- Стрелки и точки карусели (Splide) в тёмной теме --- */
body.single.dark-mode .entry-related .splide__arrow {
    background: #242320 !important;
    border: 1px solid #3D3B36 !important;
}

body.single.dark-mode .entry-related .splide__arrow svg {
    fill: #D1CFC9 !important;
}

body.single.dark-mode .entry-related .splide__arrow:hover svg {
    fill: #D77B23 !important;
}

body.single.dark-mode .entry-related .splide__pagination__page {
    background: #3D3B36 !important;
}

body.single.dark-mode .entry-related .splide__pagination__page.is-active {
    background: #D77B23 !important;
}

/* Тёмная тема: внутренние контейнеры секции прозрачные,
   чтобы полоса #2B2A27 не перекрывалась углём из раздела 1 */
body.single.dark-mode .entry-related .entry-related-inner,
body.single.dark-mode .entry-related .entry-related-inner-content,
body.single.dark-mode .entry-related .site-container {
    background-color: transparent !important;
    background: transparent !important;
}

/* ====================================================================
   39. РАЗДЕЛИТЕЛЬНАЯ ЛИНИЯ МЕЖДУ АНОНСАМИ (архивы, рубрики)
==================================================================== */

/* 39.1 Отступ от текста анонса ДО линии */
ul.kadence-posts-list.post-archive {
    row-gap: 3rem !important;
    grid-row-gap: 3rem !important;
}

/* 39.2 Линия + отступ ОТ линии до следующего анонса */
ul.kadence-posts-list.post-archive > li.entry-list-item + li.entry-list-item {
    border-top: 1px solid #DDD9D0 !important;
    padding-top: 3rem !important;
}

/* 39.3 Тёмная тема */
body.dark-mode ul.kadence-posts-list.post-archive > li.entry-list-item + li.entry-list-item {
    border-top-color: #3D3B36 !important;
}

/* 39.4 Снимаем тень Kadence — под невидимой карточкой она даёт грязь
   рядом с линией */
ul.kadence-posts-list.post-archive > li.entry-list-item > article.entry {
    box-shadow: none !important;
}

/* === 40. КАРУСЕЛЬ «ЧИТАЙТЕ ТАКЖЕ»: СТРЕЛКИ И ПУСТОЙ НИЗ КАРТОЧКИ === */

/* 40.1 Убираем осиротевший футер и его линию (ИСПРАВЛЕНО) */
.entry-related-carousel .entry-footer,
.entry-related-carousel .entry-actions,
.entry-related-carousel article footer,
.entry-related .entry-footer,
.entry-related .entry-actions,
.entry-related article footer {
    display: none !important;
    border: none !important;
}

.entry-related-carousel .entry-content-wrap,
.entry-related-carousel article,
.entry-related-carousel article > *:last-child {
    border-bottom: none !important;
}

/* 40.2 Одинаковая высота карточек в ряду */
.entry-related-carousel .splide__list {
    align-items: stretch !important;
}
.entry-related-carousel .splide__slide {
    height: auto !important;
    display: flex !important;
}
.entry-related-carousel .splide__slide > .entry {
    width: 100%;
}

/* 40.3 Стрелки — за пределы карточек, чтобы не ложились на текст */
.entry-related .entry-related-inner-content {
    position: relative;
}
.entry-related-carousel .splide__arrow--prev { left: -46px !important; }
.entry-related-carousel .splide__arrow--next { right: -46px !important; }

.entry-related-carousel .splide__arrow {
    z-index: 3 !important;
    background: #242320 !important;
    border-radius: 4px !important;
    opacity: 1 !important;
}
.entry-related-carousel .splide__arrow:hover {
    background: #D77B23 !important;
}
.entry-related-carousel .splide__arrow svg,
.entry-related-carousel .splide__arrow path {
    fill: #ECE4D6 !important;
}

/* 40.4 На узких экранах места сбоку нет — возвращаем стрелки внутрь,
   но опускаем их к нижнему краю, где текста уже нет */
@media (max-width: 1024px) {
    .entry-related-carousel .splide__arrow--prev { left: 4px !important; }
    .entry-related-carousel .splide__arrow--next { right: 4px !important; }
    .entry-related-carousel .splide__arrow {
        top: auto !important;
        bottom: 10px !important;
        transform: none !important;
    }
}

/* 40.5 Тёмная тема */
body.dark-mode .entry-related-carousel .splide__arrow {
    background: #3D3B36 !important;
}
body.dark-mode .entry-related-carousel .splide__arrow:hover {
    background: #D77B23 !important;
}

/* 40.6 Страховка от «двойных карточек»: внутренняя обёртка без рамки и фона.
   Рамку рисует только сам <article>, растянутый по высоте ряда. */
body.single .entry-related .loop-entry .entry-content-wrap,
body.single .entry-related-carousel .entry-content-wrap {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}


/* ====================================================================
   41. «ЧИТАТЬ ДАЛЕЕ» В ТЁМНОЙ ТЕМЕ: СЛОНОВАЯ КОСТЬ → ОРАНЖЕВЫЙ ПРИ НАВЕДЕНИИ
==================================================================== */

/* Обычное состояние */
body.archive.dark-mode .post-more-link,
body.archive.dark-mode .post-more-link *,
body.search.dark-mode .post-more-link,
body.search.dark-mode .post-more-link * {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
    transition: color 0.2s ease, fill 0.2s ease !important;
}

/* Наведение и фокус с клавиатуры */
body.archive.dark-mode .post-more-link:hover,
body.archive.dark-mode .post-more-link:hover *,
body.archive.dark-mode .post-more-link:focus-visible,
body.archive.dark-mode .post-more-link:focus-visible *,
body.search.dark-mode .post-more-link:hover,
body.search.dark-mode .post-more-link:hover *,
body.search.dark-mode .post-more-link:focus-visible,
body.search.dark-mode .post-more-link:focus-visible * {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}


/* ====================================================================
   42. МОБИЛЬНАЯ ТИПОГРАФИКА: ПЛАВНЫЕ РАЗМЕРЫ ПОД ЛЮБОЙ ЭКРАН

   Вместо фиксированных пикселей — clamp(минимум, доля ширины, максимум).
   Запись clamp(16px, 5vw, 22px) читается так: 5% ширины экрана, но не
   меньше 16px и не больше 22px. Телефон сам сообщает браузеру свою
   условную ширину: у Samsung это обычно 360, у Pixel и iPhone 412–430.
   Поэтому один и тот же код даёт на узком экране меньше, на широком
   больше — пропорционально, без подгонки масштаба браузера.
==================================================================== */

@media (max-width: 767px) {

    /* --- ШАПКА --- */

    /* Название сайта. nowrap не даёт ему разорваться на две строки:
       при нехватке места лучше уменьшить кегль, чем переносить. */
    .site-branding .site-title {
        font-size: clamp(17px, 5.5vw, 22px) !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    /* Логотип: теперь это полный горизонтальный логотип с названием
       и дескриптором, а не квадратный знак рядом с текстом — даём ему
       ширину соразмерно экрану. На Samsung (~360) выйдет ~208px,
       на Pixel и iPhone (412-430) — ~240-250px. */
    .site-branding a.brand img {
        max-width: clamp(190px, 58vw, 250px) !important;
    }

    /* Логотип ближе к левому краю: съедаем примерно половину бокового
       зазора отрицательным отступом. Иконки справа стоят на месте,
       поэтому всё выигранное расстояние уходит в зазор между логотипом
       и самолётиком/лупой. На Samsung (~360) сдвиг ~7px,
       на Pixel (412-430) — ~8-10px. */
    .site-mobile-header-wrap .site-branding {
        margin-left: calc(-1 * clamp(6px, 2vw, 10px)) !important;
    }

    /* --- ЗАГОЛОВКИ --- */

    /* Заголовок статьи: Kadence отдаёт 32px и на телефон тоже,
       на узком экране это пять строк */
    .post-title h1.entry-title,
    .wp-site-blocks .post-title h1.entry-title {
        font-size: clamp(22px, 6.2vw, 30px) !important;
        line-height: 1.3 !important;
    }

    /* Заголовок рубрики и других страниц с «героем» */
    .wp-site-blocks .entry-hero h1,
    .wp-site-blocks .post-archive-title h1 {
        font-size: clamp(24px, 7.5vw, 33px) !important;
        line-height: 1.25 !important;
    }

    /* Подзаголовки внутри статьи */
    .entry-content h2,
    .entry-content h2.wp-block-heading {
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.35 !important;
    }

    .entry-content h3,
    .entry-content h3.wp-block-heading {
        font-size: clamp(17px, 5vw, 22px) !important;
        line-height: 1.35 !important;
    }

    /* Описание рубрики */
    .archive-description,
    .archive-description p {
        font-size: clamp(13px, 3.9vw, 16px) !important;
        line-height: 1.45 !important;
    }

    /* Заголовок анонса в списке */
    .loop-entry.type-post h2.entry-title {
        font-size: clamp(17px, 5.2vw, 21px) !important;
        line-height: 1.25 !important;
    }

    /* --- ОСНОВНОЙ ТЕКСТ --- */

    /* На узком экране чуть мельче, на широком остаются прежние 18px */
    body,
    .entry-content,
    .entry-content p,
    .entry-summary,
    .entry-summary p {
        font-size: clamp(16px, 4.6vw, 18px) !important;
    }

    /* Цитаты не должны спорить с основным текстом */
    .entry-content blockquote p {
        font-size: clamp(15px, 4.4vw, 17px) !important;
    }

    /* --- ЗАЗОРЫ У ИКОНОК В ШАПКЕ ---
       Поджимаем самолётик, лупу и бургер: освобождённое место
       уходит названию сайта, чтобы оно не переносилось на две строки. */
    .site-mobile-header-wrap .header-tg-icon.mobile-only {
        padding: 10px 3px !important;
        width: 28px !important;
    }

    .site-mobile-header-wrap .search-toggle-open {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .site-mobile-header-wrap .mobile-toggle-open {
        padding-left: 3px !important;
        padding-right: 0 !important;
    }
}


/* ====================================================================
   43. НАЗВАНИЕ САЙТА БЛИЖЕ К ЛОГОТИПУ (все устройства)

   Было около 18px на компьютере и 13px на телефоне. Обнуляем все
   источники отступа (gap флекса и margin у картинки) и задаём один
   явный зазор — так значение предсказуемо на любом экране.
==================================================================== */

.site-branding a.brand,
.site-branding.mobile-site-branding a.brand {
    gap: 0 !important;
}

.site-branding a.brand img.custom-logo {
    margin-right: 0 !important;
}

.site-branding .site-title-wrap {
    padding-left: 9px !important;
    margin-left: 0 !important;
}

/* ====================================================================
   44. УЗКИЕ ЭКРАНЫ (SAMSUNG-КЛАСС, до 380px)

   На вьюпорте 360px фиксированные иконки занимают большую долю
   ширины, чем на Pixel (412-430px), и поджимают логотип. Здесь
   адресные поправки только для узких экранов: логотип чуть компактнее,
   иконки чуть мельче. Pixel и другие широкие телефоны не затронуты.
==================================================================== */

@media (max-width: 380px) {

    /* Логотип: 192px вместо ~208, освобождает ~16px зазора */
    .site-branding a.brand img {
        max-width: 192px !important;
    }

    /* Телеграм-иконка: контейнер и сам значок чуть компактнее */
    .site-mobile-header-wrap .header-tg-icon.mobile-only {
        width: 25px !important;
    }
    .site-mobile-header-wrap .header-tg-icon svg {
        width: 20px !important;
        height: auto !important;
    }

    /* Лупа и бургер */
    .site-mobile-header-wrap .search-toggle-open svg,
    .site-mobile-header-wrap .mobile-toggle-open svg {
        width: 21px !important;
        height: 21px !important;
    }
}


/* ====================================================================
   45. ФОН ШАПКИ В СВЕТЛОЙ ТЕМЕ

   В тёмной теме шапка красится правилами body.<тип>.dark-mode #masthead
   и сливается с тёмным фоном сайта. В светлой теме Kadence заливал
   шапку белым (#FFFFFF), тогда как фон тела сайта задан глобальной
   палитрой темы и чуть темнее — возникала видимая ступенька.

   Делаем шапку ПРОЗРАЧНОЙ, а не красим конкретным цветом: сквозь неё
   проступает настоящий фон страницы, поэтому совпадение точное при
   любом фоне и переживёт смену палитры. За шапкой лежит только фон
   страницы (карточка контента начинается ниже), просвечивать нечему.

   Только светлая тема: селектор html:not(.dark-mode) перестаёт
   совпадать, как только включается тёмная, и шапку красят
   существующие dark-mode-правила.
==================================================================== */

html:not(.dark-mode) #masthead,
html:not(.dark-mode) #masthead .site-header-wrap,
html:not(.dark-mode) #masthead .site-header-row-container,
html:not(.dark-mode) #masthead .site-header-row-container-inner,
html:not(.dark-mode) #masthead .site-main-header-wrap,
html:not(.dark-mode) #masthead .site-mobile-header-wrap {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Тонкая разделительная линия под шапкой — как на medina-edu.org,
   но заданная явной границей, а не разницей оттенков фона: так она
   одинаковой толщины на всех экранах и не зависит от подбора цвета.
   Вешаем на внешний #masthead, чтобы линия была ровно одна. */
html:not(.dark-mode) body:not(.page-id-8532) #masthead {
    border-bottom: 1px solid #E4E0D7 !important;
}

/* Главная страница (page-id-8532): её тёмная база задана правилами
   body.page-id-8532; с 27.07.2026 поверх работает светлый слой
   (блок 50) по html:not(.dark-mode), а класс dark-mode на неё не
   вешается. Поэтому светлое правило выше её исключает, а здесь она
   получает тёмную линию — тот же цвет, что и остальная тёмная тема.
   Селектор с html впереди перебивает `border: none` из блока главной. */
html body.page-id-8532 #masthead {
    border-bottom: 1px solid #3D3B36 !important;
}

/* Та же линия в тёмной теме.
   Цвет #3D3B36 взят из фирменной палитры: тем же тоном обведена рамка
   блока «Содержание», поэтому линия шапки читается и остаётся частью
   общей системы.

   ВАЖНО про селектор. Тёмные блоки выше (single, search, error404,
   page-id-8532) содержат `border: none !important` у #masthead. Их
   специфичность (1 id + 2 класса) была выше, чем у простого
   html.dark-mode #masthead (1 id + 1 класс), поэтому линия успевала
   мелькнуть при загрузке — пока класс dark-mode стоял только на <html>, —
   и исчезала, как только тот же класс появлялся на <body>.
   Здесь берём 1 id + 2 класса + 2 элемента и выигрываем спор. */
html.dark-mode body.dark-mode #masthead {
    border-bottom: 1px solid #3D3B36 !important;
}


/* ====================================================================
   46. ЗАГОЛОВОК ПРИВЕТСТВИЯ НА ГЛАВНОЙ (телефоны)

   ФИЗИКА ЗАДАЧИ (пиксельные замеры по скриншотам Samsung A54 и
   Pixel 10 Pro XL):
     «Ассаляму аляйкум.»              = 9.05  ширины кегля (em)
     «Что вы хотите узнать сегодня?»  = 14.19 em
     контейнер контента на телефоне   = 86.5 % ширины экрана

   Вопрос при 28px требует 397px ширины, а контейнер Samsung — 311px.
   Поэтому при едином размере строк вопрос влезает в одну строку
   только при кегле ~22px — мельче исходного. Выход — ДВА УРОВНЯ:
   приветствие крупным, вопрос компактным. Реализовано через
   ::first-line — без правки разметки блока: <br> уже делит строки,
   и первая строка (приветствие) получает свой размер.

   Итог (после калибровки по живой проверке 27.07): приветствие
   27px (Samsung) / 31px (Pixel); вопрос 21.6px / 24.7px — целиком
   в одной строке, с ещё большим запасом до края.

   ЕСЛИ КРУТИТЬ:
     вопрос переполз на 2-ю строку -> 6vw опустить до 5.8vw
     вопрос хочется крупнее        -> поднять до 6.4vw (предел)
     приветствие крупнее/мельче    -> крутить 7.6vw / потолок 31px,
        запас у приветствия большой (74px+), тут можно смело
==================================================================== */

@media (max-width: 767px) {

    /* Базовый размер = размер ВОПРОСА (второй строки).
       6.4vw: 23px на Samsung (360), 26.4px на Pixel (412), потолок
       27px на самых широких. Нижняя граница 21px — предел, при
       котором вопрос помещается на экране 320px. */
    body.page-id-8532 .wp-block-kadence-advancedheading {
        font-size: clamp(20px, 6vw, 25px) !important;
        line-height: 1.35 !important;
        letter-spacing: -0.01em !important;
        /* Расширение контейнера только у заголовка: -4vw с каждой
           стороны. Поисковая карточка и кнопки не трогаются. */
        margin-left: -4vw !important;
        margin-right: -4vw !important;
    }

    /* ПРИВЕТСТВИЕ — первая строка блока, до <br>. Свой крупный
       размер: 30px на Samsung, потолок 33px на широких телефонах.
       ::first-line применяется к первой ОТРИСОВАННОЙ строке, поэтому
       правило корректно, пока приветствие не переносится само —
       при 8.3vw оно занимает лишь ~75vw, переноса не будет. */
    body.page-id-8532 .wp-block-kadence-advancedheading::first-line {
        font-size: clamp(24px, 7.6vw, 31px);
    }
}

/* Планшеты и компьютер: та же двухуровневая иерархия, что и на
   телефонах, в той же пропорции ~1.3. Отправная точка — прежние
   38px, которые смотрелись хорошо: приветствие поднято до 44px,
   вопрос опущен до 34px, зрительный «средний вес» сохранён.
   Ширины с большим запасом: 392px и 475px из 700px контейнера.

   ЕСЛИ КРУТИТЬ: держите пропорцию — меняя одно число, меняйте
   второе, чтобы отношение оставалось около 1.3 (как на телефонах),
   иначе десктоп и мобильный разъедутся по характеру. */
@media (min-width: 768px) {
    body.page-id-8532 .wp-block-kadence-advancedheading {
        font-size: 34px !important;
        line-height: 1.35 !important;
    }
    body.page-id-8532 .wp-block-kadence-advancedheading::first-line {
        font-size: 44px;
    }
}


/* ====================================================================
   47. ГЛАВНАЯ: КНОПКИ-ПОДСКАЗКИ, ПОДВАЛ НИЖЕ, БЕЗ ПРОКРУТКИ

   Три точечные правки главной страницы (page-id-8532), по живой
   проверке 27.07.2026. Стили самих кнопок-подсказок (.pz-chip)
   заданы в HTML-блоке на странице; здесь мы их перебиваем
   селектором выше по специфичности (html body...), не трогая
   разметку страницы.
==================================================================== */

/* 47.1 Кнопки-подсказки: приглушить.
   Было: текст и рамка #D1CFC9 (слоновая кость) — на тёмном фоне
   светились ярче заголовка и перетягивали внимание.
   Стало: текст #A5A29A, рамка #55534E — тон рамки «Содержания»
   из тёмной палитры, кнопки видны, но отступают на второй план.
   Ховер остаётся фирменным оранжевым — он задан в стилях страницы
   и здесь не перебивается.
     Если слишком блекло  -> текст #B5B2AA, рамка #6A675F
     Если всё ещё ярко    -> текст #918E86, рамка #4A4842 */
html body.page-id-8532 .pz-chip,
html body.page-id-8532 button.pz-chip {
    color: #A5A29A !important;
    border-color: #55534E !important;
}
html body.page-id-8532 .pz-chip:hover,
html body.page-id-8532 button.pz-chip:hover,
html body.page-id-8532 .pz-chip:focus,
html body.page-id-8532 button.pz-chip:focus {
    color: #D77B23 !important;
    border-color: #D77B23 !important;
}

/* 47.2 Копирайт ниже к краю экрана (только главная).
   Под текстом копирайта складывались margin-bottom виджета (30px)
   и padding-bottom подвала (30px) — итого ~60px пустоты, отсюда
   ощущение «висит высоко». Убираем margin и поджимаем padding:
   текст опускается примерно на 38px (~1 см), небольшой воздух
   в 22px до кромки остаётся, чтобы не прилипал. */
body.page-id-8532 .site-bottom-footer-inner-wrap {
    padding-bottom: 22px !important;
}
body.page-id-8532 .site-bottom-footer-inner-wrap .widget,
body.page-id-8532 .site-bottom-footer-inner-wrap .footer-widget-area {
    margin-bottom: 0 !important;
}

/* 47.3 Без прокрутки на главной.
   Каркас (блок 32) держит высоту страницы ровно в экран (100svh),
   но у залогиненного администратора WordPress добавляет к <html>
   margin-top под админ-панель (32px, на узких экранах 46px) —
   страница становится 100svh + 32px, и ровно эти пиксели
   прокручивались. Для посетителей прокрутки не было и раньше.
   Вычитаем высоту админ-панели из каркаса: */
body.page-id-8532.admin-bar #wrapper {
    min-height: calc(100vh - 32px) !important;
    min-height: calc(100svh - 32px) !important;
}
@media screen and (max-width: 782px) {
    body.page-id-8532.admin-bar #wrapper {
        min-height: calc(100vh - 46px) !important;
        min-height: calc(100svh - 46px) !important;
    }
}

/* Пустой абзац-хвост после секции (есть в разметке страницы:
   <p class="wp-block-paragraph"></p>) — даёт лишние пиксели высоты
   и микропрокрутку даже у гостей. Гасим. */
body.page-id-8532 .entry-content > p.wp-block-paragraph:empty {
    display: none !important;
}

/* ====================================================================
   48. ДАТА ХИДЖРЫ В МОБИЛЬНОМ МЕНЮ

   Контейнер вставляется секцией 10a core-плагина в шапку выезжающего
   меню (#mobile-drawer .drawer-header). Здесь — оформление: дата
   слева, крестик закрытия справа, фирменный оранжевый как у даты
   в десктопной шапке. Фон меню тёмный (#242320), оранжевый #D77B23
   на нём читается штатно — это та же пара, что в шапке чат-бота.
==================================================================== */

/* Шапка меню: дата и крестик разводятся по краям одной строки */
#mobile-drawer .drawer-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 24px !important;   /* дата на одной оси с пунктами меню */
}

/* Цвет и шрифт даты задаются инлайном в секции 10a плагина —
   это защита от устаревшего кэша CSS (встроенные браузеры
   Telegram/соцсетей на iOS показывали дату белой с засечками,
   потому что тянули старый style.css). Здесь — те же значения
   как страховка для случая, когда JS-инлайн вдруг не отработает.
   Цвет #E8912D — светлый оранжевый из знака логотипа: дата
   («информация») отличается от ховера пунктов меню #D77B23
   («действие»). */
#mobile-drawer .pz-drawer-hijri {
    color: #E8912D !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.02em !important;
    min-width: 0 !important;      /* снимаем резерв 175px из секции 04 —
                                     здесь он не нужен и мешал бы флексу */
    white-space: nowrap;
}

/* ====================================================================
   49. ГЛАВНАЯ: РАМКА КОНТЕЙНЕРА ИИ-ПОИСКА

   Палитра контейнера (тема ChatGPT плагина AI Engine, задана в
   data-theme на странице): подложка #2B2A27, поле ввода #302E2A,
   текст #D1CFC9, акцент #AB5F17. Подложка отличается от фона
   страницы (#242320) на пару тонов, поэтому границы контейнера
   не читались. Рамка #55534E — тот же тон, что у кнопок-подсказок
   (блок 47.1): контейнер и кнопки складываются в одну систему
   спокойных обводок на угольном фоне.

   Селектор ограничен .entry-content: на странице есть второй,
   плавающий чат-бот (в подвале разметки) — его не трогаем.
   Радиус скругления не переопределяем — берётся родной 15px
   из переменной темы плагина.

   ЕСЛИ КРУТИТЬ: ярче -> #6A675F, тише -> #4A4842 (те же два шага,
   что записаны у кнопок в 47.1 — менять лучше парой).
==================================================================== */
body.page-id-8532 .entry-content .mwai-chatbot-container .mwai-body {
    border: 1px solid #55534E !important;
}


/* ====================================================================
   50. ГЛАВНАЯ: СВЕТЛАЯ ТЕМА

   Архитектура. Тёмное оформление главной (блоки 32, 41, 45-49 и
   правила в начале файла) остаётся БАЗОЙ и не редактируется. Этот
   блок — светлый СЛОЙ: каждый селектор начинается с
   html:not(.dark-mode) и потому выигрывает у базовых правил по
   специфичности. Логика включения:
     нет класса dark-mode на <html>  -> слой активен -> светлая
     есть класс (ранний скрипт секции 01 плагина ставит его до
     отрисовки по localStorage)      -> слой молчит  -> тёмная
   Мигания нет: переключение чисто классовое, без загрузки CSS.
   Кнопку переключения на главную вставляет секция 02a плагина
   (под кнопками-подсказками); стили кнопки — блок 12.

   Палитра слоя — только утверждённые токены сайта:
     фон страницы #F2F1ED, текст #242320, линия шапки #E4E0D7,
     подложки #EDEBE4 и #FFFFFF, рамки #D1CFC9, приглушённый
     текст #7A776F, акценты #D77B23 / #AB5F17 — без изменений.
==================================================================== */

/* --- 50.1 Фон страницы: вся цепочка из блока 32 --- */
html:not(.dark-mode) body.page-id-8532,
html:not(.dark-mode) body.page-id-8532 #wrapper,
html:not(.dark-mode) body.page-id-8532 #inner-wrap,
html:not(.dark-mode) body.page-id-8532 #primary,
html:not(.dark-mode) body.page-id-8532 .content-area,
html:not(.dark-mode) body.page-id-8532 .content-container,
html:not(.dark-mode) body.page-id-8532 #main,
html:not(.dark-mode) body.page-id-8532 .site-main,
html:not(.dark-mode) body.page-id-8532 .content-wrap,
html:not(.dark-mode) body.page-id-8532 article.entry,
html:not(.dark-mode) body.page-id-8532 .content-bg,
html:not(.dark-mode) body.page-id-8532 .entry-content-wrap,
html:not(.dark-mode) body.page-id-8532 .entry-content {
    background: #F2F1ED !important;
}

/* --- 50.2 Шапка и подвал: тёмный текст, знакомые акценты --- */
html:not(.dark-mode) body.page-id-8532 #masthead *,
html:not(.dark-mode) body.page-id-8532 .site-footer * {
    color: #242320 !important;
}
/* Дата хиджры в шапке остаётся оранжевой (идёт ПОСЛЕ правила выше —
   при равной специфичности побеждает порядок) */
html:not(.dark-mode) body.page-id-8532 #masthead .header-html * {
    color: #D77B23 !important;
}
/* Ховеры меню — фирменный оранжевый, как в тёмной базе */
html:not(.dark-mode) body.page-id-8532 #masthead a:hover,
html:not(.dark-mode) body.page-id-8532 #masthead a:hover *,
html:not(.dark-mode) body.page-id-8532 #masthead .header-navigation li:hover > a,
html:not(.dark-mode) body.page-id-8532 #masthead .header-navigation li:hover > a * {
    color: #D77B23 !important;
}
/* Telegram-иконка: тёмная, ховер оранжевый держит базовое правило */
html:not(.dark-mode) body.page-id-8532 .header-tg-icon svg {
    fill: #242320 !important;
}
/* Линия под шапкой — светлый тон из блока 45 */
html:not(.dark-mode) body.page-id-8532 #masthead {
    border-bottom: 1px solid #E4E0D7 !important;
}
/* Логотип: отменяем подмену на тёмную версию — content: normal
   возвращает картинку из атрибута src (светлый логотип кастомайзера) */
html:not(.dark-mode) body.page-id-8532 img.custom-logo {
    content: normal !important;
}
/* Ссылки подвала: оранжевые в обеих темах — база уже безусловная,
   дублируем для ясности порядка после 50.2 */
html:not(.dark-mode) body.page-id-8532 .site-bottom-footer-wrap a,
html:not(.dark-mode) body.page-id-8532 .footer-html a {
    color: #D77B23 !important;
}
html:not(.dark-mode) body.page-id-8532 .site-bottom-footer-wrap a:hover,
html:not(.dark-mode) body.page-id-8532 .footer-html a:hover {
    color: #AB5F17 !important;
}

/* --- 50.3 Заголовок приветствия --- */
html:not(.dark-mode) body.page-id-8532 .wp-block-kadence-advancedheading {
    color: #242320 !important;
}

/* --- 50.4 Кнопки-подсказки: светлые двойники значений 47.1 --- */
html:not(.dark-mode) body.page-id-8532 .pz-chip,
html:not(.dark-mode) body.page-id-8532 button.pz-chip {
    color: #7A776F !important;
    border-color: #D1CFC9 !important;
}
html:not(.dark-mode) body.page-id-8532 .pz-chip:hover,
html:not(.dark-mode) body.page-id-8532 button.pz-chip:hover,
html:not(.dark-mode) body.page-id-8532 .pz-chip:focus,
html:not(.dark-mode) body.page-id-8532 button.pz-chip:focus {
    color: #D77B23 !important;
    border-color: #D77B23 !important;
}

/* --- 50.5 Контейнер ИИ-поиска --- */
/* Рамка: светлый двойник блока 49 */
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatbot-container .mwai-body {
    border: 1px solid #D1CFC9 !important;
}
/* Палитра чат-бота: перебиваем CSS-переменные --mwai-*, которые
   плагин пишет инлайном в data-theme. Инлайн без !important
   проигрывает нашему !important — настройки AI Engine не трогаем.
   Тёмные значения (для справки): primary #302E2A, secondary #2B2A27,
   font #D1CFC9, border #333333. Акцент и пузырь #AB5F17 общие. */
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme {
    /* Поле ввода: белое. Пробовали тёплый #F4F2EC «на два тона
       светлее подложки» — на живой странице поле почти пропало;
       решение от 27.07: лёгкий контраст белого на #EDEBE4 лучше. */
    --mwai-backgroundPrimaryColor: #FFFFFF !important;
    --mwai-backgroundSecondaryColor: #EDEBE4 !important;
    --mwai-fontColor: #242320 !important;
    --mwai-borderColor: #D1CFC9 !important;
}
/* Абзацы внутри чата: светлый двойник тёмного правила из начала файла */
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chat p {
    color: #242320 !important;
}

/* --- 50.6 Поисковый попап: светлые двойники тёмных правил 28-30 --- */
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup {
    background: #F2F1ED !important;
}
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .drawer-overlay {
    background: rgba(36, 35, 32, 0.4) !important;
}
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field {
    background: #FFFFFF !important;
    color: #242320 !important;
    border: 1px solid #D1CFC9 !important;
}
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:focus {
    border-color: #D77B23 !important;
}
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field::placeholder {
    color: #7A776F !important;
}
/* Автозаполнение: тот же трюк box-shadow inset, что в тёмной версии */
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form input.search-field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #242320 !important;
}
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .drawer-inner .drawer-content form.search-form .kadence-search-icon-wrap svg,
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .search-toggle-close svg,
html:not(.dark-mode) body.page-id-8532 #search-drawer .search-toggle-close svg {
    fill: #242320 !important;
    color: #242320 !important;
}
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .kadence-search-icon-wrap:hover svg,
html:not(.dark-mode) body.page-id-8532 .kadence-search-popup .search-toggle-close:hover svg,
html:not(.dark-mode) body.page-id-8532 #search-drawer .search-toggle-close:hover svg {
    fill: #D77B23 !important;
    color: #D77B23 !important;
}

/* --- 50.7 Кнопка темы в тёмном режиме главной ---
   Базовые стили кнопки (блок 12) светлые; тёмный вариант там
   ограничен body.single — расширяем на главную теми же значениями */
body.page-id-8532.dark-mode #custom-dark-mode-toggle {
    border-color: #3D3B36 !important;
    color: #D1CFC9 !important;
}
body.page-id-8532.dark-mode #custom-dark-mode-toggle:hover {
    border-color: #D77B23 !important;
    color: #D77B23 !important;
}

/* --- 50.8 Работа над ошибками первой примерки (27.07, вечер) ---
   Два фона не вошли в первую версию слоя и «проявились» светлой
   темой, третье — страховка кнопки. */

/* Секция-обёртка Kadence из разметки страницы: у row-блока главной
   задан СОБСТВЕННЫЙ тёмный фон в настройках блока (Gutenberg
   выводит его отдельным стилем страницы). В тёмной базе он
   сливался с фоном и был невидим — в светлой стал тёмным столбом
   по центру. Перекрываем и именованный row, и любые row-блоки
   страницы на будущее. */
html:not(.dark-mode) body.page-id-8532 .entry-content > .kb-row-layout-id8532_70d64b-ca,
html:not(.dark-mode) body.page-id-8532 .kb-row-layout-id8532_70d64b-ca > .kt-row-column-wrap,
html:not(.dark-mode) body.page-id-8532 .entry-content .wp-block-kadence-rowlayout,
html:not(.dark-mode) body.page-id-8532 .entry-content .wp-block-kadence-rowlayout > .kt-row-column-wrap {
    background: #F2F1ED !important;
    background-image: none !important;
}

/* Подвал: тёмный фон приезжал из правила в начале файла
   (body.page-id-8532 .site-footer, стр. ~102) и не был перекрыт.
   Текст подвала уже тёмный из 50.2 — теперь он снова читается. */
html:not(.dark-mode) body.page-id-8532 .site-footer,
html:not(.dark-mode) body.page-id-8532 .site-bottom-footer-wrap,
html:not(.dark-mode) body.page-id-8532 .site-content {
    background: #F2F1ED !important;
    background-color: #F2F1ED !important;
    border: none !important;
    box-shadow: none !important;
}

/* Кнопка темы: жёсткая фиксация цветов текста и иконки в обеих
   темах главной — защита от каскада стилей секции, внутрь которой
   кнопка вставляется скриптом (секция 02a плагина). */
html:not(.dark-mode) body.page-id-8532 #custom-dark-mode-toggle,
html:not(.dark-mode) body.page-id-8532 #custom-dark-mode-toggle span {
    color: #242320 !important;
    border-color: #D1CFC9 !important;
}
html.dark-mode body.page-id-8532 #custom-dark-mode-toggle,
html.dark-mode body.page-id-8532 #custom-dark-mode-toggle span {
    color: #D1CFC9 !important;
    border-color: #3D3B36 !important;
}
html body.page-id-8532 #custom-dark-mode-toggle:hover,
html body.page-id-8532 #custom-dark-mode-toggle:hover span {
    color: #D77B23 !important;
    border-color: #D77B23 !important;
}

/* --- 50.9 Вторая примерка (27.07): лупа, меню, кнопка отправки ---
   Общий корень трёх правок: у тёмной базы селекторы специфичнее
   общего html:not(...) #masthead * из 50.2 — здесь их светлые
   зеркала той же или большей специфичности. */

/* Лупа в шапке: база (стр. ~515) держала слоновую кость селектором
   html body... — зеркалим. Ховер не трогаем: базовый оранжевый
   (стр. ~523) безусловный и годится обеим темам. */
html:not(.dark-mode) body.page-id-8532 #masthead .search-toggle-open,
html:not(.dark-mode) body.page-id-8532 #masthead .search-toggle-open * {
    color: #242320 !important;
}

/* Пункты меню первого уровня («Главная», «Разделы»): база
   (стр. ~565) специфичнее 50.2 — зеркало той же длины. */
html:not(.dark-mode) body.page-id-8532 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
html:not(.dark-mode) body.page-id-8532 #masthead .menu-toggle,
html:not(.dark-mode) body.page-id-8532 #masthead .menu-toggle * {
    color: #242320 !important;
}
html:not(.dark-mode) body.page-id-8532 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
    color: #D77B23 !important;
}

/* Выпадающий список «Разделов». Тёмную панель главная берёт из
   глобальной настройки Kadence (правила тёмной базы для подменю
   написаны только для статей, body.single.dark-mode, стр. ~208),
   а 50.2 красил текст в тёмный — тёмное на тёмном. Светлая панель
   по образцу светлых статей: белая, рамка #E4E0D7, ховер —
   оранжевый на тёплом фоне. */


/* Кнопка отправки / очистки (кружок в поле чата).
   ИСТОРИЯ: две попытки перекрасить кнопку напрямую провалились —
   у неё два состояния (стрелка при пустом диалоге, ластик при
   открытом диалоге), плагин красит их по-разному, и прямые
   фон/fill ломали ластик («зонтик», серый до наведения).
   РЕШЕНИЕ: не трогать ни фон, ни иконку — полупрозрачная серая
   тонировка внутренней тенью. На родном полупрозрачном фоне
   стрелки даёт светло-серый кружок (чего и не хватало), на
   оранжевом ластике практически неотличима — все состояния
   плагина (ховеры, активность) остаются родными. */
/* Редакция 27.07 (финал-2). Три правки по живой проверке:
   1) кружок #7A776F был тёмноват -> светлее, #96938C;
   2) при клике в поле кружок ПРОПАДАЛ: условие было привязано
      к «поле не в фокусе», и фокус его гасил. Теперь условие
      верное — поле ПУСТОЕ (виден placeholder); фокус ни на что
      не влияет;
   3) стрелка выглядела блёклой — плагин приглушает её
      прозрачностью в неактивном состоянии; возвращаем opacity: 1.
      Контуры svg по-прежнему не трогаем (урок «зонтиков»).

   Условие покоя: диалога нет И поле пустое. Появился текст или
   открылся диалог — правило гаснет, кнопка родная оранжевая,
   ластик не затронут.
   ТОН КРУЖКА (замеры контраста белой стрелки на кружке):
     #96938C — 3.07:1 (порог читаемости значка ровно 3.0)
     #A8A59E — 2.46:1  <- поставлено 27.07: мягче, стрелка ещё видна
     #B8B5AE — 2.05:1  предел, дальше стрелка начинает пропадать
     #DDD9CF — 1.41:1  исходный тон плагина: стрелки не видно вовсе
   Именно из-за последней строки кружок и пришлось красить. */
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit:disabled,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit[disabled] {
    background-color: #A8A59E !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
/* СТРЕЛКА: чисто белая. ДИАГНОЗ (по описанию 27.07 — «состоит
   из трёх палочек, на стыке белее»): значок нарисован ЛИНИЯМИ
   (stroke), а не заливкой, и цвет линий у плагина в неактивном
   состоянии — полупрозрачный белый. На пересечении линий альфа
   складывается, оттого стык ярче. Поэтому opacity не помогал:
   прозрачность сидит внутри значения цвета.
   Отсюда же природа прежних «зонтиков»: fill заливал внутренность
   линейного значка и схлопывал его в силуэт.
   ЛЕЧЕНИЕ: задаём цвет ЛИНИЙ (stroke) и currentColor, заливку
   НЕ трогаем вовсе — геометрия сохраняется. */
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg *,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg *,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg * {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    stroke-opacity: 1 !important;
    opacity: 1 !important;
}

/* ТА ЖЕ СТРЕЛКА В ТЁМНОЙ ТЕМЕ (27.07). Правило выше написано под
   html:not(.dark-mode), поэтому в тёмной теме значок оставался
   родным — полупрозрачные линии, светлеющие на пересечении.
   Зеркалим: линии монолитные, цвет #D1CFC9 — слоновая кость из
   тёмной палитры сайта (тон текста и иконок шапки). Форма и
   толщина прежние, заливку по-прежнему не трогаем.
   Состояние то же: диалога нет И поле пустое. С текстом и с
   открытым диалогом — родная белая на оранжевом. */
html.dark-mode body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg,
html.dark-mode body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg *,
html.dark-mode body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg,
html.dark-mode body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg *,
html.dark-mode body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg,
html.dark-mode body.page-id-8532 .entry-content .mwai-chatgpt-theme:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg * {
    color: #D1CFC9 !important;
    stroke: #D1CFC9 !important;
    stroke-opacity: 1 !important;
    opacity: 1 !important;
}

/* --- 50.10 Третья примерка (27.07): лупа наотмашь, разделители ---

   Лупа. Зеркало через #masthead из 50.9 живой проверкой не взялось,
   хотя специфичность выше базового правила. Добавляем второй путь
   по фактической цепочке из кода страницы (Kadence красит лупу как
   .search-toggle-open-container .search-toggle-open через
   --global-palette5) и прямой fill на svg — какой-то из путей
   гарантированно достаёт значок на любом устройстве. */
html:not(.dark-mode) body.page-id-8532 .search-toggle-open-container .search-toggle-open,
html:not(.dark-mode) body.page-id-8532 .search-toggle-open-container .search-toggle-open *,
html:not(.dark-mode) body.page-id-8532 #masthead .search-toggle-open svg,
html:not(.dark-mode) body.page-id-8532 .search-toggle-open-container .search-toggle-open svg {
    color: #242320 !important;
    fill: #242320 !important;
}
html:not(.dark-mode) body.page-id-8532 .search-toggle-open-container .search-toggle-open:hover,
html:not(.dark-mode) body.page-id-8532 .search-toggle-open-container .search-toggle-open:hover *,
html:not(.dark-mode) body.page-id-8532 .search-toggle-open-container .search-toggle-open:hover svg {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* Разделители пунктов в белом выпадающем списке: чёрные линии от
   глобальных настроек Kadence слишком резкие — смягчаем до тёплой
   рамочной гаммы (тон рамки самой панели чуть светлее). Красим и
   li, и ссылку: Kadence в разных версиях вешает границу на разное. */


/* --- 50.11 Четвёртая примерка (27.07) ---
   Линия-разделитель над подписью «ИИ-ассистент ищет ответы...»:
   плагин рисует её цветом поля ввода (--mwai-backgroundPrimaryColor),
   и с белым полем она стала белой и резкой. Делаем как в тёмной
   теме — еле заметной, но читаемой границей раздела. Красим всех
   кандидатов-носителей линии: разные версии плагина вешают её на
   footer, compliance или сам input. */
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-footer,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-compliance,
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-input {
    border-color: #E1DED6 !important;
}

/* --- 50.12 Пятая примерка, редакция 2 (27.07) ---

   УРОК ДВУХ «ЗОНТИКОВ»: значки плагина — многосоставные svg, и
   заливка ВСЕХ контуров одним цветом (fill/stroke на svg *)
   склеивает их в силуэт. Больше внутрь svg не лезем.

   Стрелка отправки: решение от 27.07 (финал) — БЕЛАЯ в обоих
   состояниях, без перекрасок и фильтров вовсе: на сером кружке
   в покое, на оранжевом в активе/ховере. Пробовали затемнять
   фильтром — при активе тёмная стрелка попадала на оранжевый
   фон; единый белый проще и однороднее. Правил для стрелки
   больше НЕТ намеренно. */

/* Микрофон: ховер фирменным оранжевым. Перекраска через color
   живой проверкой не взялась — у значка жёсткая заливка. Красим
   CSS-фильтром (в контуры не лезем): brightness(0) сводит значок
   к чёрному силуэту, дальше цепочка выводит его в #D77B23.
   Кнопку отправки фильтр не трогает (:not-защита). */
body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-input button:not(.mwai-input-submit):hover svg,
body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-input button:not(.mwai-input-submit):hover img,
body.page-id-8532 .entry-content .mwai-chatgpt-theme [class*="micro"]:hover svg,
body.page-id-8532 .entry-content .mwai-chatgpt-theme [class*="micro"]:hover img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(75%) saturate(1552%) hue-rotate(346deg) brightness(92%) contrast(86%) !important;
}

/* Telegram-иконка: возврат ховера. Моё светлое правило заливки
   (50.2) оказалось специфичнее базового ховера и глушило его —
   зеркалим ховер в том же весе. */
html:not(.dark-mode) body.page-id-8532 .header-tg-icon:hover svg {
    fill: #D77B23 !important;
}

/* --- 50.13 Мигание при смене темы (27.07) ---
   У кнопок-подсказок (стили в HTML-блоке страницы) и у поля ввода
   чата (стили плагина) прописан transition — при переключении
   темы они «проезжают» промежуточные цвета, пока всё остальное
   меняется мгновенно; глаз ловит это как мигание. Отключаем
   анимацию этим элементам на главной в обеих темах: смена темы
   становится мгновенной и однородной по всей странице. Побочный
   эффект — ховеры этих элементов тоже мгновенные, что даже
   последовательнее: у остальных элементов страницы анимаций нет. */
body.page-id-8532 .pz-chip,
body.page-id-8532 button.pz-chip,
body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-input,
body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-input *,
body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-input textarea {
    transition: none !important;
}

/* --- 50.14 Фон секции в тёмной теме (страховка перед чисткой) ---
   Тёмный фон секции-обёртки задан в настройках блока страницы
   (Gutenberg выводит .kb-row-layout-id8532_70d64b-ca{background:#242320}).
   Светлый слой его перекрывает (50.8), но сама настройка оставалась
   лишней сущностью. Это правило переносит тёмный фон в CSS, после
   чего настройку в редакторе можно снять без последствий:
   источником фона в ОБЕИХ темах становится только style.css. */
html.dark-mode body.page-id-8532 .entry-content > .kb-row-layout-id8532_70d64b-ca,
html.dark-mode body.page-id-8532 .kb-row-layout-id8532_70d64b-ca > .kt-row-column-wrap,
html.dark-mode body.page-id-8532 .entry-content .wp-block-kadence-rowlayout,
html.dark-mode body.page-id-8532 .entry-content .wp-block-kadence-rowlayout > .kt-row-column-wrap {
    background: #242320 !important;
}


/* ====================================================================
   51. ВЫПАДАЮЩЕЕ МЕНЮ «РАЗДЕЛЫ» — СВЕТЛЫЙ СЛОЙ НА ВЕСЬ САЙТ

   Проблема: панель подменю красится глобальной настройкой Kadence
   в тёмный #262522 — на тёмных страницах это верно, а на светлых
   (статьи, архив, поиск, 404 и светлая главная) выглядит чужой
   плашкой на белой шапке.

   Решение — та же архитектура, что у всей светлой темы: настройки
   Kadence остаются ТЁМНОЙ базой (их не трогаем), а поверх ложится
   светлый слой по html:not(.dark-mode). Работает на всех типах
   страниц сразу; прежние правила, привязанные к главной (были в
   50.9/50.10), удалены как излишние — их роль выполняет этот блок.

   Палитра светлой панели:
     фон #FFFFFF, рамка #E8E4DC, разделители #EFECE5
     текст #242320 (тот же, что в шапке — в покое не «кричит»)
     ховер: фон #FCF4EB (палитра Kadence, тёплый кремовый)
            + текст #D77B23 — двойной сигнал, потому что одного
            оранжевого на белом мало: контраст ~3.1:1 на грани
     активный раздел: тот же фон + текст #AB5F17, чтобы отличать
            «где я» от «куда навёл»
   Тёмная тема не меняется: там работает база Kadence.
==================================================================== */

html:not(.dark-mode) .header-navigation .header-menu-container ul ul.sub-menu,
html:not(.dark-mode) .header-navigation .header-menu-container ul ul.submenu {
    background-color: #FFFFFF !important;
    border: 1px solid #E8E4DC !important;
    box-shadow: 0 4px 16px rgba(36, 35, 32, 0.08) !important;
}

html:not(.dark-mode) .header-navigation .header-menu-container ul ul li.menu-item,
html:not(.dark-mode) .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a {
    border-color: #EFECE5 !important;
}

html:not(.dark-mode) .header-navigation .header-menu-container ul ul li.menu-item > a {
    color: #242320 !important;
    background-color: transparent !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

html:not(.dark-mode) .header-navigation .header-menu-container ul ul li.menu-item > a:hover {
    color: #D77B23 !important;
    background-color: #FCF4EB !important;
}

html:not(.dark-mode) .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a {
    color: #AB5F17 !important;
    background-color: #FCF4EB !important;
}

/* ====================================================================
   52. ВЫПАДАЮЩЕЕ МЕНЮ «РАЗДЕЛЫ» — АКТИВНЫЙ РАЗДЕЛ В ТЁМНОЙ ТЕМЕ

   Проблема: в блоке 51 отметка «вы здесь» (current-menu-item) была
   написана только для светлой темы. В тёмной раздел, в котором
   читатель находится, ничем не отличается от остальных — ховер
   работает, а постоянной подсветки нет.

   Решение — зеркало правила из 51 для html.dark-mode.

   Почему цвета именно такие:
     плашка #3A332A — тёплая, коричневатая. Это принципиально:
       ховер в тёмной теме приходит из настроек Kadence и даёт
       НЕЙТРАЛЬНО-СЕРУЮ плашку. Если сделать активный раздел тоже
       серым, два состояния сольются. Тёплый тон — тот же приём,
       что кремовый #FCF4EB в светлой теме, только в тёмной гамме.
       Контраст плашки к панели #262522 — 1.23:1: видно, но не
       выпирает.
     текст #E8912D — светлый оранжевый. Логика взята из светлой
       темы: там активный раздел ЗАМЕТНЕЕ ховера (#AB5F17 против
       #D77B23 — выше контраст к фону). В тёмной «заметнее» значит
       светлее, и это как раз #E8912D. Контраст к плашке 5.1:1.
       Оговорка: этот тон закреплён за информацией (дата хиджры в
       мобильной шторке). Здесь он не спорит с той ролью — отметка
       «вы находитесь здесь» тоже информационная, и это десктопное
       выпадающее меню, а не шторка.

   Ховер в тёмной теме НЕ трогаем — он приходит из настроек Kadence
   и работает как надо.

   Если два оранжевых рядом (ховер #D77B23 и активный #E8912D)
   покажутся пёстрыми — вернуть активному #D77B23, тогда состояния
   будут различаться только температурой плашки.
   Если плашка покажется слабой — следующий шаг #453B2C (1.45:1).
==================================================================== */

html.dark-mode .header-navigation .header-menu-container ul ul li.menu-item > a {
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

html.dark-mode .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a {
    background-color: #3A332A !important;
}

/* --- 52.1 Работа над ошибками: цвет не применился (27.07) ---

   Плашка встала, а текст остался слоновой костью. Причина —
   специфичность. Цвет пунктов меню в тёмной теме задаётся старыми
   правилами страниц (блоки рубрик, поиска и 404):

     body.archive.dark-mode #masthead .header-navigation li.menu-item > a

   В этом селекторе есть #masthead — идентификатор. Идентификатор
   бьёт любое количество классов, поэтому моё правило выше цвет
   проиграло, хотя !important стоял у обоих: !important уравнивает
   их в весе, а дальше решает специфичность.

   Фон при этом встал именно потому, что старое правило задаёт
   ТОЛЬКО color — за background-color с ним никто не спорил.

   Лечение: добавить #masthead и в наш селектор. Тогда
   идентификатор один и там и там, а классов у нас больше — наше
   правило выигрывает. Селектор с * нужен для случая, когда
   Kadence оборачивает текст пункта во внутренний <span>.
--------------------------------------------------------------- */

html.dark-mode body #masthead .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a,
html.dark-mode body #masthead .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a * {
    color: #E8912D !important;
}

/* ====================================================================
   53. СТРАНИЦА «О ПРОЕКТЕ» (page-id-8992)

   Макет собран в Claude Design, направление 1b: боковое поле с
   надзаголовком и H2, текстовая колонка справа, списки плашкой с
   оранжевой отбивкой, восьмилучевой знак у финальной фразы.

   Исходный файл дизайнера переписан: он работал вслепую, без доступа
   к сайту, и промахнулся мимо четырёх реальных классов. Что исправлено
   и почему — отмечено по месту.

   Классы ставятся в редакторе: Дополнительно → Дополнительный класс CSS.
==================================================================== */

/* --- 53.1 Сетка разделов ---------------------------------------------
   ИСПРАВЛЕНО: у дизайнера было .kb-row-layout-wrap — такого класса на
   сайте нет, он его выдумал. Kadence отдаёт .wp-block-kadence-rowlayout,
   это видно в блоках для главной. Со старым селектором сетка не
   применялась бы вовсе, а вместе с ней и мобильная стопка ниже.       */

body.page-id-8992 .entry-content .wp-block-kadence-rowlayout > .kt-row-column-wrap {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: 260px 1fr !important;
    grid-column-gap: 48px !important;
}

/* РЕД. 30.07, вечер — СИММЕТРИЯ У ЧЕРТЫ.
   Замер по скринам: сверху от абзаца до черты 103px, снизу от черты
   до надзаголовка 65px. Асимметрию задавали эти два числа: 72 против
   34. Собственные поля строки Kadence добавляют ОДИНАКОВЫЕ 31px с
   каждой стороны (на телефоне ~29), поэтому равные margin и padding
   дают равные зазоры автоматически.
   Равняем вниз, к меньшему: 34/34 → по 65px с обеих сторон. Нижний
   зазор при этом не меняется вовсе, верхний садится до него, страница
   становится плотнее.
   ЕСЛИ КРУТИТЬ: тесно → 42/42; ещё плотнее → 28/28. Менять ВСЕГДА
   оба числа разом, иначе симметрия снова разъедется.                */
body.page-id-8992 .pz-section {
    margin-top: 34px !important;
    padding-top: 34px !important;
    border-top: 1px solid var(--pz-rule) !important;
}

/* --- 53.2 Типографика ------------------------------------------------ */

body.page-id-8992 .entry-content h1 {
    font-family: "PT Serif", Georgia, serif !important;
    font-size: 44px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
}

/* Ред. 31.07: ширина 56 → 168px, ровно втрое. Прежняя черта была
   слишком короткой, чтобы читаться знаком, и слишком длинной, чтобы
   сойти за точку — «ни туда, ни сюда». Втрое длиннее она становится
   соразмерна оранжевому волоску над надзаголовком, который на телефоне
   тянется на весь остаток ширины (53.8), и обе линии страницы начинают
   выглядеть частями одной системы.
   ЕСЛИ КРУТИТЬ: длинновата → 140px; коротка → 200px.                */
body.page-id-8992 .entry-content h1::after {
    content: "";
    display: block;
    width: 168px;
    height: 2px;
    background: #D77B23;
    margin-top: 26px;
}

/* 23px подобран так, чтобы «Интеллектуальный» влезал в поле 260px */
body.page-id-8992 .entry-content h2 {
    font-family: "PT Serif", Georgia, serif !important;
    font-size: 23px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
    overflow-wrap: break-word;
    hyphens: auto;
    margin: 0 !important;
}

body.page-id-8992 .pz-eyebrow {
    font-family: "Inter", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    margin: 0 0 10px !important;
}

body.page-id-8992 .entry-content p {
    font-size: 18px;
    line-height: 1.85;
    max-width: 62ch;
    text-wrap: pretty;
}

/* ИСПРАВЛЕНО: у дизайнера .pz-lede шёл без !important, а ниже него
   .entry-content p с размером 18px. У второго специфичность выше на один
   элемент, и он идёт позже — вводный абзац потерял бы свои 19px и стал
   неотличим от основного текста. */
body.page-id-8992 .pz-lede {
    font-size: 19px !important;
    line-height: 1.8 !important;
    max-width: 62ch;
}

body.page-id-8992 .pz-final {
    font-size: 27px !important;
    line-height: 1.55 !important;
    max-width: 46ch !important;
    /* Было 88px — столько задавал дизайнер всей строке. У нас строка
       Kadence приносит собственные вертикальные поля, и 88 складывались
       с ними: зазор до финальной фразы выходил ~185px вместо ~100.
       24px + поля строки дают макетные ~100. Если покажется тесно —
       следующий шаг 40px, если всё ещё широко — 12px. */
    /* Ред. 31.07: 24 → 4px. Финальный блок болтался внизу страницы —
       сверху до плашки списка было 109px, снизу до копирайта 137,
       и он читался ничьим. Укорачиваем ВЕРХНИЙ зазор: блок садится
       ближе к содержимому, которое завершает, а расстояние до
       подвала не меняется, потому что копирайт стоит на своём
       месте. Заодно не трогается просвет под кнопку чата.
       МЕНЯТЬ ТОЛЬКО ВМЕСТЕ с .pz-mark ниже — на этой паре держится
       выравнивание знака по первой строке. */
    margin-top: 4px !important;
}

/* --- 53.3 Списки -----------------------------------------------------
   ИСПРАВЛЕНО: у дизайнера было .pz-list ul, то есть «список ВНУТРИ
   элемента с классом». Но Гутенберг ставит класс на сам список:
   <ul class="wp-block-list pz-list">. Селектор не находил ничего, и
   плашка с отбивкой не появились бы — при том что отступы и волоски
   встали бы нормально, потому что .pz-list li матчится. Получился бы
   полусобранный список без объяснимой причины.

   Маркеров нет намеренно: нумерация разделов — единственный счёт на
   странице, второй ряд номеров внутри мешал бы читать.               */

body.page-id-8992 .entry-content ul.pz-list {
    list-style: none !important;
    /* Нижние 26px добавлены 30.07: без них абзац после списка прилипал
       к кремовой плашке. Сверху воздух был, снизу нет — асимметрия
       читалась как ошибка вёрстки. */
    margin: 26px 0 26px !important;
    padding: 6px 26px !important;
    border-left: 2px solid #D77B23 !important;
    max-width: 62ch;
}

body.page-id-8992 .entry-content ul.pz-list li {
    font-size: 17px !important;
    line-height: 1.75 !important;
    padding: 18px 0 !important;
    margin: 0 !important;
}

body.page-id-8992 .entry-content ul.pz-list li + li {
    border-top: 1px solid var(--pz-hair) !important;
}

/* --- 53.4 Восьмилучевой знак -----------------------------------------
   ИЗМЕНЕНО: дизайнер предлагал пустой блок Spacer. У Spacer в Kadence
   своя высота внутреннего элемента, она спорила бы с нашими 30px.
   Класс вешаем на саму левую колонку финальной строки — колонка это
   обычный div с предсказуемой коробкой, лишний блок не нужен.

   Две рамки, одна повёрнута на 45°. Растровых файлов нет.            */

body.page-id-8992 .pz-mark {
    position: relative;
    min-height: 44px;
    /* Отступ ровно такой же, как margin-top у .pz-final. Без него
       колонка со знаком остаётся вверху строки, а абзац уезжает вниз —
       знак висит над текстом вместо того, чтобы стоять вровень с ним.
       У дизайнера отступ был задан всей строке, у нас строка без класса,
       поэтому одинаковый отступ ставим обоим детям.
       ВАЖНО: менять только вместе с .pz-final. Сначала было 88/88, потом
       24/24 — 88 приходили от дизайнера и складывались с полями строки
       Kadence, зазор выходил ~185px вместо макетных ~100.
       Ред. 31.07: 24 → 4px, в паре с .pz-final. Причина там же.     */
    margin-top: 4px;
}

body.page-id-8992 .pz-mark::before,
body.page-id-8992 .pz-mark::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #D77B23;
    box-sizing: border-box;
}

body.page-id-8992 .pz-mark::after {
    transform: rotate(45deg);
}

/* --- 53.5 СВЕТЛАЯ ТЕМА -----------------------------------------------
   ИСПРАВЛЕНО: дизайнер задал фон на body. На этом сайте так не выходит —
   Kadence красит целую цепочку контейнеров, и одного body мало. Цепочка
   взята той же, что уже работает для главной.

   РЕД. 30.07, вечер — ФОН #F2F1ED → #F4F3F0.
   Владелец заметил шов между страницей и подвалом. Разбор: настоящий
   фон сайта задан темой, в её инлайн-CSS стоит `body{background:#f4f3f0}`
   и `#colophon{background:#f4f3f0}`. Статьи и подвал на нём сходятся
   идеально. Шов был только здесь, потому что содержимому мы вписали
   #F2F1ED, а подвал остался родным.

   Почему НЕ пошли обратным путём (не поменяли фон в настройках Kadence
   на #F2F1ED): на #F2F1ED стоят плашки цитат в статьях. Сравняв фон
   сайта с ними, мы бы стёрли плашки — осталась бы одна оранжевая черта.
   Поэтому роли цветов закреплены так: #F4F3F0 — фон светлой темы,
   #F2F1ED — плашка цитат. Подвал не трогаем вообще, он уже правильный.

   Шапка подхватит новый фон сама: в блоке 45 она сделана прозрачной,
   а не крашеной, ровно на такой случай.                              */

html:not(.dark-mode) body.page-id-8992 {
    --pz-rule: #DDD9D0;
    /* Ред. 2 (30.07, поздний вечер): #E1DED6 → #DDD9CD. Волосок живёт
       ВНУТРИ плашки списка, поэтому подбирается под неё, а не под фон
       страницы. Старое значение было рассчитано на почти белую плашку
       #FCF4EB; на нынешней #EFEBE1 оно давало шаг всего 13%. Новое
       даёт 19% — близко к прежним 23% и вровень по силе с --pz-rule,
       разделительной чертой между разделами.
       ЕСЛИ КРУТИТЬ: линии грубые → #E0DCD1; бледные → #D8D3C6.     */
    --pz-hair: #DDD9CD;
}

html:not(.dark-mode) body.page-id-8992,
html:not(.dark-mode) body.page-id-8992 .site-content,
html:not(.dark-mode) body.page-id-8992 .content-area,
html:not(.dark-mode) body.page-id-8992 .content-container,
html:not(.dark-mode) body.page-id-8992 #main,
html:not(.dark-mode) body.page-id-8992 .site-main,
html:not(.dark-mode) body.page-id-8992 .content-wrap,
html:not(.dark-mode) body.page-id-8992 article.entry,
html:not(.dark-mode) body.page-id-8992 .content-bg,
html:not(.dark-mode) body.page-id-8992 .entry-content-wrap,
html:not(.dark-mode) body.page-id-8992 .entry-content {
    background: #F4F3F0 !important;
    border: none !important;
    box-shadow: none !important;
}

html:not(.dark-mode) body.page-id-8992 .entry-content h1,
html:not(.dark-mode) body.page-id-8992 .entry-content h2,
html:not(.dark-mode) body.page-id-8992 .entry-content p,
html:not(.dark-mode) body.page-id-8992 .entry-content ul.pz-list li,
html:not(.dark-mode) body.page-id-8992 .pz-lede,
html:not(.dark-mode) body.page-id-8992 .pz-final {
    color: #242320 !important;
}

/* Надзаголовки 11px оранжевым #AB5F17 дают лишь 4.24:1 — не проходят.
   Берём вторичный серый 6.9:1. Оранжевый остаётся волоску под H1,
   отбивке списков и знаку: это графика, к ней порог 4.5:1 не применим. */
html:not(.dark-mode) body.page-id-8992 .pz-eyebrow {
    color: #55534E !important;
}

html:not(.dark-mode) body.page-id-8992 .pz-eyebrow--quiet {
    color: #6A675F !important;
}

/* РЕД. 30.07, вечер: было #FCF4EB. На фоне страницы он читался
   розовым — тон 32 градуса против 47 у фона и втрое выше насыщенность,
   при этом плашка ещё и светлее фона, так что глазу не за что зацепиться
   по яркости и он берёт разницу цветом. Тот же дефект лечили в цитатах
   чата.

   РЕД. 2 (30.07, поздний вечер) — #EAE4D5 → #EFEBE1.
   Первая попытка увела плашку слишком далеко. Ошибка в том, что я
   считал только контраст плашки с фоном и не проверил, что станет с
   волосками МЕЖДУ пунктами: волосок --pz-hair был подобран под старый
   почти белый кремовый и на #EAE4D5 совпал с ним почти в тон — шаг
   всего 6% вместо прежних 23%, разделители растворились.

   #EFEBE1 — тот же тон 43 градуса и та же насыщенность, что у
   #EAE4D5, только светлее: шаг от фона падает с 14% до 7%. Волосок
   заодно притемнён (см. --pz-hair ниже), его шаг по плашке 19%.

   #FCF4EB при этом жив и сохраняет свою единственную роль — ховер
   выпадающего меню (блок 51).                                        */
html:not(.dark-mode) body.page-id-8992 .entry-content ul.pz-list {
    background: #EFEBE1 !important;
}

/* --- 53.6 ТЁМНАЯ ТЕМА, содержимое ------------------------------------ */

html.dark-mode body.page-id-8992 {
    --pz-rule: #4A4842;
    --pz-hair: #35332E;
}

html.dark-mode body.page-id-8992,
html.dark-mode body.page-id-8992 .site-content,
html.dark-mode body.page-id-8992 .content-area,
html.dark-mode body.page-id-8992 .content-container,
html.dark-mode body.page-id-8992 #main,
html.dark-mode body.page-id-8992 .site-main,
html.dark-mode body.page-id-8992 .content-wrap,
html.dark-mode body.page-id-8992 article.entry,
html.dark-mode body.page-id-8992 .content-bg,
html.dark-mode body.page-id-8992 .entry-content-wrap,
html.dark-mode body.page-id-8992 .entry-content {
    background: #242320 !important;
    border: none !important;
    box-shadow: none !important;
}

html.dark-mode body.page-id-8992 .entry-content h1,
html.dark-mode body.page-id-8992 .entry-content h2,
html.dark-mode body.page-id-8992 .entry-content p,
html.dark-mode body.page-id-8992 .entry-content ul.pz-list li,
html.dark-mode body.page-id-8992 .pz-lede,
html.dark-mode body.page-id-8992 .pz-final {
    color: #D1CFC9 !important;
}

html.dark-mode body.page-id-8992 .pz-eyebrow {
    color: #A8A59E !important;
}

html.dark-mode body.page-id-8992 .pz-eyebrow--quiet {
    color: #96938C !important;
}

/* Кремовая плашка на тёмном слепит — берём тон карточек */
html.dark-mode body.page-id-8992 .entry-content ul.pz-list {
    background: #2B2A27 !important;
}

/* --- 53.7 ТЁМНАЯ ТЕМА, шапка и подвал --------------------------------
   ДОБАВЛЕНО МНОЙ, в файле дизайнера этого нет и быть не могло.

   На сайте тёмная тема написана ПОТИПНО: есть body.single.dark-mode,
   body.archive.dark-mode, body.search.dark-mode, body.error404.dark-mode.
   Обычная Страница — новый для сайта тип, под неё правил нет вообще.
   Без этого блока содержимое ушло бы в тёмное, а шапка с подвалом
   остались светлыми. Зеркалим набор от рубрик.                       */

body.page-id-8992.dark-mode #masthead,
body.page-id-8992.dark-mode .site-footer {
    background-color: #242320 !important;
    border: none !important;
    box-shadow: none !important;
}

body.page-id-8992.dark-mode img.custom-logo {
    content: url("https://ktotvoigospod.com/wp-content/uploads/2026/07/poleznoe-znanie_horizontal_dark@3x.png") !important;
}

body.page-id-8992.dark-mode #masthead .site-title,
body.page-id-8992.dark-mode #masthead .site-title * {
    color: #FFFFFF !important;
}

body.page-id-8992.dark-mode #masthead *,
body.page-id-8992.dark-mode .site-footer * {
    color: #D1CFC9 !important;
}

body.page-id-8992.dark-mode #masthead .search-toggle-open,
body.page-id-8992.dark-mode #masthead .search-toggle-open *,
body.page-id-8992.dark-mode #masthead .menu-toggle,
body.page-id-8992.dark-mode #masthead .menu-toggle *,
body.page-id-8992.dark-mode .header-tg-icon svg {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
}

body.page-id-8992.dark-mode #masthead a:hover,
body.page-id-8992.dark-mode #masthead a:hover *,
body.page-id-8992.dark-mode #masthead .search-toggle-open:hover,
body.page-id-8992.dark-mode #masthead .search-toggle-open:hover *,
body.page-id-8992.dark-mode #masthead .menu-toggle:hover,
body.page-id-8992.dark-mode #masthead .menu-toggle:hover *,
body.page-id-8992.dark-mode .header-tg-icon:hover svg {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* Дата хиджры сохраняет свою роль */
body.page-id-8992.dark-mode #masthead .site-header-custom-html,
body.page-id-8992.dark-mode #masthead .site-header-custom-html *,
body.page-id-8992.dark-mode #masthead .header-html,
body.page-id-8992.dark-mode #masthead .header-html * {
    color: #D77B23 !important;
}

/* --- 53.8 МОБИЛЬНЫЕ 360–430 -----------------------------------------
   Боковое поле исчезает, колонки складываются в стопку. Надзаголовок
   становится строкой с оранжевым волоском на остаток ширины — граница
   раздела остаётся читаемой и без бокового поля. Волосок живёт
   псевдоэлементом ВНУТРИ надзаголовка, поэтому H2 всегда отдельной
   строкой под ним, а не сбоку.                                       */

@media (max-width: 767px) {

    body.page-id-8992 .entry-content .wp-block-kadence-rowlayout > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        grid-row-gap: 14px !important;
    }

    body.page-id-8992 .pz-eyebrow {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
        white-space: nowrap !important;
    }

    body.page-id-8992 .pz-eyebrow::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: #D77B23;
    }

    body.page-id-8992 .entry-content h1 { font-size: 30px !important; }
    body.page-id-8992 .entry-content h2 { font-size: 24px !important; width: 100%; margin-top: 2px !important; }
    body.page-id-8992 .pz-lede { font-size: 17px !important; }
    body.page-id-8992 .entry-content p { font-size: 17px; }
    body.page-id-8992 .entry-content ul.pz-list { padding: 4px 18px !important; }
    body.page-id-8992 .entry-content ul.pz-list li { font-size: 16px !important; }

    /* РЕД. 30.07, вечер: 48 → 26. Тот же приём, что в 53.1, только
       мобильные величины: собственные поля строки дают здесь ~29px
       с каждой стороны, значит равные margin и padding равняют
       зазоры. 26/26 → примерно по 55px, нижний не меняется.        */
    body.page-id-8992 .pz-section { margin-top: 26px !important; padding-top: 26px !important; }

    /* ПЕРЕНОСЫ В ЗАГОЛОВКАХ.
       hyphens: auto из 53.2 нужен был на случай, если длинное слово
       не влезет в боковое поле 260px. На десктопе он не срабатывает —
       кегль 23px подобран так, что «Интеллектуальный» помещается.
       А на телефоне колонка во всю ширину, кегль крупнее, и он рвёт
       слова посреди: «образова-тельный» на Pixel, «об-разовательный»
       на Samsung. Здесь он не нужен и только мешает — выключаем.
       break-word остаётся страховкой на случай сверхдлинного слова. */
    body.page-id-8992 .entry-content h2 { hyphens: manual !important; -webkit-hyphens: manual !important; }

    /* --- ЗНАК У ФИНАЛЬНОЙ ФРАЗЫ НА ТЕЛЕФОНЕ -----------------------
       БЫЛО: знак жил на пустой левой колонке (.pz-mark). На десктопе
       колонки стоят рядом, одинаковые отступы держат знак вровень с
       первой строкой. На телефоне сетка складывается в стопку, и
       пустая колонка становится ОТДЕЛЬНОЙ строкой над абзацем: к её
       собственному отступу прибавляется зазор строк сетки и отступ
       самого абзаца. Знак оказывался зажат между двумя пустотами и
       ни к чему не привязан — замер по скринам 30.07 дал ~114px над
       ним и ~71px под ним на Pixel.

       СТАЛО: пустая колонка на телефоне схлопывается, а знак рисуют
       псевдоэлементы САМОГО финального абзаца. Теперь он физически
       принадлежит тексту и уехать от него не может ни при какой
       ширине экрана. Отступы двух элементов больше не складываются.

       РЕД. 2 (31.07) — ЗНАК СБОКУ, А НЕ СВЕРХУ.
       Первая версия ставила знак НАД первой строкой. Связь с текстом
       появилась, но раскладка всё равно отличалась от компьютера, где
       знак стоит СЛЕВА, вровень с первой строкой. Владелец попросил
       повторить компьютерный вид. Меняем ось: вместо padding-top —
       padding-left, знак остаётся на прежнем месте у левого края и
       оказывается сбоку от текста.

       Знак уменьшен с 20 до 16px. На телефоне вместе с ним ужимается
       вся типографика (H1 44→30, финальная фраза 27→22), и знак
       прежнего размера съедал бы 28px отступа плюс воздух — строка
       текста стала бы вдвое короче и фраза расползлась бы на восемь
       обрывков. 16px держит ту же пропорцию к тексту, что 20px на
       компьютере, и отдаёт под отступ 38px вместо 44.

       Геометрия. Поворот на 45 градусов выносит углы за коробку на
       (16·√2 − 16)/2 ≈ 3.3px, поэтому left: 3px — видимый габарит
       знака (≈22.6px) начинается ровно от края колонки.
       top: 9px центрует знак по прописным первой строки: при кегле
       22 и интерлиньяже 1.55 строка высотой ≈34px, центр прописных
       ≈17px, центр знака = top + 8.
       padding-left: 38px = 22.6 габарит + 15 воздуха.

       ЕСЛИ КРУТИТЬ: текст жмётся → 34px; знак липнет к тексту → 44px.
       Знак кажется мелким → 18px, тогда top: 8px, left: 4px,
       padding-left: 42px.                                          */

    body.page-id-8992 .pz-mark {
        display: none !important;
    }

    body.page-id-8992 .pz-final {
        font-size: 22px !important;
        /* Ред. 31.07: 20 → 4px, та же правка, что на компьютере.
           Замер до неё: верхний зазор 104px на Samsung и 100 на
           Pixel, нижний 126 и 145. Блок висел посередине пустоты.  */
        margin-top: 4px !important;
        padding-left: 38px !important;
        position: relative;
    }

    body.page-id-8992 .pz-final::before,
    body.page-id-8992 .pz-final::after {
        content: "";
        position: absolute;
        top: 9px;
        left: 3px;
        width: 16px;
        height: 16px;
        border: 1px solid #D77B23;
        box-sizing: border-box;
    }

    body.page-id-8992 .pz-final::after {
        transform: rotate(45deg);
    }
}

/* ====================================================================
   54. ПЛАВАЮЩИЙ ЧАТ-БОТ (BUBBLE): СВЕТЛАЯ ТЕМА

   Архитектура — как у блока 50. Тёмное оформление окна (настройки
   темы ChatGPT в AI Engine: подложка #2B2A27, поле #302E2A, текст
   #D1CFC9, акцент #AB5F17) остаётся БАЗОЙ и живёт в плагине. Этот
   блок — светлый СЛОЙ: селекторы начинаются с html:not(.dark-mode)
   и молчат, когда ранний скрипт секции 01 плагина ставит класс.

   Почему блок 50 сюда не достаёт: окно bubble — тот же
   .mwai-chatgpt-theme, но с классом .mwai-window, и стоит оно вне
   .entry-content (в подвале разметки), на всех страницах, кроме
   главной (там спрятано правилом у блока 26). Поэтому светлый слой
   для него пишется отдельно, но зеркально блоку 50: та же палитра,
   те же решения из примерок 27.07 — кружок #A8A59E, стрелка
   stroke-белым (в контуры svg не лезем — урок «двух зонтиков»),
   разделитель #E1DED6, микрофон фильтром, transition: none.

   Палитра слоя: подложка #EDEBE4, поле ввода #FFFFFF, текст
   #242320, рамки #D1CFC9, разделитель #E1DED6, акцент #AB5F17
   приходит из настроек плагина и общий для обеих тем.
==================================================================== */

/* --- 54.1 Палитра окна: перебиваем инлайновые переменные --mwai-*
   (инлайн без !important проигрывает нашему !important; настройки
   AI Engine не трогаем — тёмная тема продолжает браться из них).
   Шапка окна и её текст здесь же: заголовок, крестик закрытия и
   мобильная шапка на телефонах красятся через эти же переменные. */
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window {
    --mwai-backgroundPrimaryColor: #FFFFFF !important;
    --mwai-backgroundSecondaryColor: #EDEBE4 !important;
    --mwai-backgroundHeaderColor: #EDEBE4 !important;
    --mwai-headerColor: #242320 !important;
    --mwai-fontColor: #242320 !important;
    --mwai-borderColor: #D1CFC9 !important;
}

/* --- 54.2 Название «ИИ-ассистент» в шапке окна ---
   Его вставляет JS (раздел 11 плагина) с инлайновым цветом #D1CFC9
   под тёмную тему. Инлайн без !important — наш !important сильнее.
   В тёмной теме правило молчит, там остаётся инлайновый цвет. */
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window .custom-ai-title {
    color: #242320 !important;
}

/* --- 54.3 Рамка окна: светлый двойник рамки контейнера (блок 50.5).
   Только компьютеры: на телефонах окно раскрывается на весь экран,
   и плагин сам снимает рамки и скругления — не мешаем ему. */
@media (min-width: 761px) {
    html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window .mwai-window-box {
        border: 1px solid #D1CFC9 !important;
        border-radius: 10px !important;
        overflow: hidden;
    }
}

/* --- 54.4 Разделитель над подписью «ИИ-ассистент ищет ответы...» ---
   Зеркало 50.11: с белым полем ввода линия цвета поля становится
   резкой. Красим всех кандидатов-носителей линии. */
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window .mwai-footer,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window .mwai-compliance,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window .mwai-input {
    border-color: #E1DED6 !important;
}

/* --- 54.5 Кнопка отправки в покое: зеркало 50.9 ---
   Состояние: диалога ещё нет И поле пустое. Кружок #A8A59E
   (контраст белой стрелки 2.46:1 — по замерам из блока 50),
   стрелка — монолитный белый по ЛИНИЯМ (stroke), заливку не
   трогаем: значок нарисован линиями, и на их пересечении
   полупрозрачный цвет плагина складывался в «белее». Появился
   текст или диалог — правила гаснут, кнопка родная оранжевая. */
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit:disabled,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit[disabled] {
    background-color: #A8A59E !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg *,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg *,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg,
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg * {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    stroke-opacity: 1 !important;
    opacity: 1 !important;
}

/* Та же стрелка в тёмной теме окна: зеркало тёмного правила
   блока 50 — линии монолитной слоновой костью #D1CFC9,
   форма и заливка не тронуты. */
html.dark-mode .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg,
html.dark-mode .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input:has(textarea:placeholder-shown) .mwai-input-submit svg *,
html.dark-mode .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg,
html.dark-mode .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit:disabled svg *,
html.dark-mode .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg,
html.dark-mode .mwai-chatgpt-theme.mwai-window:not(:has(.mwai-reply)) .mwai-input-submit[disabled] svg * {
    color: #D1CFC9 !important;
    stroke: #D1CFC9 !important;
    stroke-opacity: 1 !important;
    opacity: 1 !important;
}

/* --- 54.6 Микрофон: ховер фирменным оранжевым (обе темы) ---
   Зеркало 50.12: у значка жёсткая заливка, перекраска через color
   не берётся — красим CSS-фильтром, в контуры не лезем. Кнопку
   отправки фильтр не трогает (:not-защита). */
.mwai-chatgpt-theme.mwai-window .mwai-input button:not(.mwai-input-submit):hover svg,
.mwai-chatgpt-theme.mwai-window .mwai-input button:not(.mwai-input-submit):hover img,
.mwai-chatgpt-theme.mwai-window [class*="micro"]:hover svg,
.mwai-chatgpt-theme.mwai-window [class*="micro"]:hover img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(75%) saturate(1552%) hue-rotate(346deg) brightness(92%) contrast(86%) !important;
}

/* --- 54.7 Без мигания при смене темы (обе темы) ---
   Зеркало 50.13: у поля ввода плагина прописан transition, при
   переключении темы оно «проезжает» промежуточные цвета. */
.mwai-chatgpt-theme.mwai-window .mwai-input,
.mwai-chatgpt-theme.mwai-window .mwai-input *,
.mwai-chatgpt-theme.mwai-window .mwai-input textarea {
    transition: none !important;
}

/* ====================================================================
   55. ЧАТ-БОТ: ПУЗЫРЬ ПОСЕТИТЕЛЯ — БЕЛЫЙ ТЕКСТ В ОБЕИХ ТЕМАХ

   Фон пузыря с вопросом посетителя — фирменный акцент #AB5F17
   (настройки темы плагина, общий для обеих тем). Текст же плагин
   берёт из общей переменной --mwai-fontColor: в тёмной теме это
   слоновая кость, а в светлой — угольный #242320 из наших слоёв
   (50.5 и 54.1), и на оранжевом он теряется.

   Замеры контраста на #AB5F17:
     #FFFFFF — 4.8:1  (норматив читаемости 4.5 — проходит)
     #242320 — 3.3:1  (ниже порога — потому и «не смотрится»)

   Решение: белый текст пузыря БЕЗ привязки к теме — одно правило
   на оба режима, пузырь посетителя одинаков всегда. Ответы
   ассистента не трогаем: они остаются цветом текста своей темы.
   Специфичность выше правил 50.5/54.1 за счёт длины цепочки
   классов — побеждает без оговорок.
==================================================================== */

/* Контейнер ИИ-поиска на главной */
body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text,
body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text * {
    color: #FFFFFF !important;
}

/* Плавающее окно bubble на остальных страницах */
.mwai-chatgpt-theme.mwai-window .mwai-reply.mwai-user .mwai-text,
.mwai-chatgpt-theme.mwai-window .mwai-reply.mwai-user .mwai-text * {
    color: #FFFFFF !important;
}

/* ====================================================================
   56. ГЛАВНАЯ: КОНТЕНТ ЧУТЬ НИЖЕ НА УЗКИХ ЭКРАНАХ (SAMSUNG-КЛАСС)
   Редакция 3 (29.07)

   Задача: на Samsung A54 (360px) контент главной читался
   «задранным». Pixel (412px) и iPhone Pro Max (430px) — вне
   брейкпоинта, их правило не касается физически.

   ИСТОРИЯ РЕДАКЦИЙ — обе примерки 29.07 дали важные факты:
   1) transform: translateY — позиция стала верной, но карточка
      поиска растянулась на всю ширину на обоих телефонах;
      с редакцией 2 растяжение исчезло -> виновник transform
      (механизм не установлен; к transform на этой секции
      больше не возвращаться).
   2) padding-top +44px — позиция верная («нормально посередине»),
      карточка целая, НО копирайт ушёл под сгиб. Вывод: запаса
      высоты на A54 нет ВООБЩЕ, страница = ровно 100svh впритык;
      любая добавка высоты выталкивает подвал. Добавлять высоту
      на этой странице нельзя ни в каком виде.

   Редакция 3: сдвиг через position: relative + top. Смещение
   чисто визуальное — в раскладке блок занимает прежнее место,
   высота страницы не меняется, подвал остаётся на первом экране.
   В отличие от transform, relative не создаёт containing block
   для fixed-потомков и на ширины влиять не способен.
   Величина 44px — одобренная по примерке редакции 2.
   Зазор под кнопкой темы (~130px) сдвиг вмещает без столкновения
   с копирайтом.

   ЕСЛИ КРУТИТЬ: выше -> 36px; ниже -> 52px.
   Больше 70px не ставить — кнопка темы дойдёт до копирайта.
==================================================================== */
@media (max-width: 380px) {
    body.page-id-8532 .kb-row-layout-id8532_70d64b-ca > .kt-row-column-wrap {
        position: relative !important;
        top: 44px !important;
    }
}

/* ====================================================================
   57. ЧАТ-БОТ, СВЕТЛАЯ ТЕМА: ШАПКА ОКНА И ОБОДОК ФОКУСА
   По примерке 29.07

   Два недочёта светлого слоя, найденные живой проверкой.
==================================================================== */

/* --- 57.1 Шапка окна bubble: отделить от подложки ---
   Блок 54.1 задал шапке тот же тон, что и подложке (#EDEBE4 на
   #EDEBE4) — граница исчезла. В тёмной теме разделение построено
   на шаге тона (#242320 против #2B2A27). Светлый двойник шага —
   #E4E0D7: тон разделительной линии шапки сайта из паспорта
   палитры (блок 50), на ступень теплее-темнее подложки.
   Правило ниже 54.1 по файлу — при равной специфичности побеждает.
   Текст шапки и крестик остаются угольными (54.1/54.2).
   ЕСЛИ КРУТИТЬ: мягче -> #E9E6E0, контрастнее -> #DDD9CF. */
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window {
    --mwai-backgroundHeaderColor: #E4E0D7 !important;
}

/* --- 57.2 Ободок поля ввода при фокусе: вернуть в светлой теме ---
   У плагина подсветка фокуса есть (:focus-within красит рамку
   акцентом), и в тёмной теме она работает. В светлой её глушили
   наши же правила разделителя 50.11 (главная) и 54.4 (окно):
   border-color #E1DED6 с !important сильнее родного правила.
   Возвращаем подсветку поверх — фирменным #D77B23, тем же, каким
   загорается поле поиска в попапе (50.6): бот и поиск ведут себя
   одинаково по всему сайту. Специфичность выше правил-глушителей
   за счёт :focus-within. */
html:not(.dark-mode) body.page-id-8532 .entry-content .mwai-chatgpt-theme .mwai-input:focus-within {
    border-color: #D77B23 !important;
}
html:not(.dark-mode) .mwai-chatgpt-theme.mwai-window .mwai-input:focus-within {
    border-color: #D77B23 !important;
}

/* ====================================================================
   58. ГЛАВНАЯ: ВЕРНУТЬ ПЛАВАЮЩУЮ КНОПКУ ЧАТА (ПУТЬ К ПОЛНОМУ ЭКРАНУ)
   По решению 29.07

   Задача: дать посетителю главной тот же путь к полноэкранному
   диалогу, что и на страницах записей. Параметр fullscreen для
   встроенного бота не подходит — он не кнопка, а постоянный
   режим, хоронящий композицию главной (проверено примеркой
   29.07). Кнопки разворота у встроенного бота в плагине нет.

   Решение: полноэкранный опыт на записях даёт bubble, а на
   главной его прятало правило у блока 26 (строка ~1392). Здесь
   возвращаем: то же правило с display: block ниже по файлу —
   при равной специфичности побеждает порядок. Итог: карточка
   остаётся для быстрого вопроса, оранжевая кнопка в углу ведёт
   в «глубокий режим» — полный экран на телефоне, окно с
   уголками разворота на компьютере. Всё штатным механизмом
   плагина, светлый слой окна (блоки 54, 57) уже готов.

   ПРОВЕРИТЬ ПРИ ПРИМЕРКЕ: наследует ли окно диалог, начатый в
   карточке (история хранится плагином в браузере посетителя);
   если ведёт свой отдельный — терпимо, но знать надо.
   ЕСЛИ ОТКАТ: удалить этот блок — вернётся скрытие из блока 26.
==================================================================== */
body.page-id-8532 .mwai-window,
body.home .mwai-window {
    display: block !important;
}

/* ====================================================================
   59. ТЕЛЕФОНЫ: КНОПКА ЧАТА ВЫШЕ КОПИРАЙТА (ГЛАВНАЯ И 404)
   Редакция 2 (29.07)

   Редакция 1 (кнопка 48px в углу + сдвиг копирайта) отклонена
   примеркой: кнопка мелкая и некрасивая, копирайт всё равно
   задет. Решение редакции 2 — кнопку не ужимать, а поднять в
   свободную полосу между кнопкой темы и копирайтом у правого
   края. Размер возвращается к штатным 60px (раздел 12 плагина).

   Высота подобрана по самому тесному экрану (Samsung 360px,
   замер по скринам 29.07): полоса между кнопкой темы и
   копирайтом ~55px, кнопка bottom: 96px встаёт в неё, по
   горизонтали с кнопкой темы разведена (та центрирована,
   справа пусто). env() сохраняет зону жестов iPhone.

   ОБЛАСТЬ ДЕЙСТВИЯ: ВЕСЬ САЙТ, перечислением по типам — главная
   (page-id-8532, home), 404 (error404), «О проекте»
   (page-id-8992), записи (single), рубрики и метки (archive),
   результаты поиска (search). Только телефоны, компьютер не
   трогается.

   Список охватывает все типы, но перечисление НЕ УБИРАТЬ — см.
   отменённую ред. 4 ниже. Появится новый тип — дописать строкой.

   Про archive: WordPress вешает этот класс и на рубрику, и на
   метку, поэтому один селектор закрывает оба вида списков.

   Классы archive и search на сайте уже используются — по ним
   написана тёмная тема рубрик (блок 26) и поиска (блок 24).

   ИСТОРИЯ СПИСКА, читать перед любой правкой:
   ред. 2 (29.07) — главная и 404;
   ред. 3 (31.07) — добавлена «О проекте»;
   ред. 4 (31.07) — ОТМЕНЕНА. Перечисление типов было снято
       совсем, селектор стал просто
       .mwai-chatgpt-theme.mwai-window.mwai-bottom-right
       .mwai-trigger. На примерке кнопка упала вниз на ВСЕХ
       страницах разом, включая те, где до этого стояла верно.
       Точную причину не выясняли: без префикса body селектор
       теряет один класс специфичности, и что-то со стороны
       плагина или оптимизатора LiteSpeed оказывается сильнее.
       Вывод на будущее: форму записи с перечислением типов НЕ
       упрощать, она проверена работой. Нужен новый тип —
       дописать строкой, не переписывая остальное;
   ред. 5 (31.07) — список восстановлен, добавлены записи;
   ред. 6 (31.07) — добавлены рубрики и метки;
   ред. 7 (31.07) — добавлены результаты поиска. Список закрыт:
       охвачены все типы страниц сайта.

   ЗАЧЕМ ЗАПИСИ. В нижнем углу кнопка ЗАКРЫВАЕТ ссылку
   «Telegram-канал» в копирайте, и её нельзя нажать. Это не
   косметика, а сломанная ссылка на основном трафике сайта.

   Почему записям не понадобился воздух под текстом, как
   «О проекте». Подвал у всех типов один: одинаковая разметка,
   одинаковые поля, копирайт всегда на одном расстоянии от низа
   документа. Значит высоты 96 и 120px, обходящие его на главной,
   обходят его и на записях. Разное у типов только то, что лежит
   НАД кнопкой: на «О проекте» это была финальная фраза, которую
   мы незадолго до того сами подтянули к подвалу, а на записях —
   секция «Читайте также», она заметно выше.

   ЕСЛИ КРУТИТЬ: упирается в кнопку темы -> 88px;
   близко к копирайту -> 104px.
==================================================================== */
@media (max-width: 767px) {
    body.page-id-8532 .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.home .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.error404 .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.page-id-8992 .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.single .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.archive .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.search .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger {
        bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
        right: 16px !important;
    }
}

/* ====================================================================
   60. КРУПНЫЕ ТЕЛЕФОНЫ (PIXEL/IPHONE PRO MAX): КНОПКА ЧАТА
       КРУПНЕЕ И ВЫШЕ
   По примерке 29.07 (продолжение блока 59)

   Физика: кнопка 60px на Samsung (360px) занимает ~17% ширины
   экрана, на Pixel 412px и iPhone Pro Max 430px — лишь ~14%,
   отчего читается мелкой и невзрачной. Выравниваем ДОЛЮ, а не
   пиксели: 70px на широких экранах = та же пропорция, что 60px
   на Samsung. Значок масштабируется 28 -> 32px.

   Порог 400px: Pixel и iPhone попадают, Samsung (360) — нет.

   Область действия по решению 29.07:
   - размер 70px — ВЕСЬ сайт (кнопка одинакова на всех страницах,
     иначе «дышит» между записями и главной);
   - подъём до 120px — тот же список типов, что в блоке 59
     (перекрывает 96px оттуда: тот же селектор, уже диапазон,
     ниже по файлу); на больших экранах полоса над копирайтом
     просторная, 70px-кнопка уходит от него с гарантией.
     Ред. 3 (31.07): добавлена «О проекте».
     Ред. 4 (31.07): ОТМЕНЕНА, см. разбор в блоке 59.
     Ред. 5 (31.07): добавлены записи.
     Ред. 6 (31.07): добавлены рубрики и метки (archive).
     Ред. 7 (31.07): добавлены результаты поиска (search).
     СПИСКИ ТИПОВ В БЛОКАХ 59 И 60 ДОЛЖНЫ СОВПАДАТЬ. Разойдутся —
     на узких и широких телефонах кнопка встанет по-разному.

   ЕСЛИ КРУТИТЬ: кнопка велика -> 66px (значок 30px);
   поднять ещё -> 132px; опустить -> 108px.
==================================================================== */
@media (min-width: 400px) and (max-width: 767px) {

    /* Размер: весь сайт */
    .mwai-chatgpt-theme.mwai-window .mwai-trigger .mwai-icon-container {
        width: 70px !important;
        height: 70px !important;
        background-size: 32px 32px !important;
    }

    /* Подъём: весь сайт, перечислением (см. блок 59) */
    body.page-id-8532 .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.home .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.error404 .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.page-id-8992 .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.single .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.archive .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger,
    body.search .mwai-chatgpt-theme.mwai-window.mwai-bottom-right .mwai-trigger {
        bottom: calc(120px + env(safe-area-inset-bottom, 0px)) !important;
        right: 18px !important;
    }
}

/* ====================================================================
   61. ЧАТ-БОТ: УБРАТЬ ГОРИЗОНТАЛЬНЫЕ ЛИНИИ-РАЗДЕЛИТЕЛИ В ОТВЕТАХ
   --------------------------------------------------------------------
   Дата: 29.07.2026.

   ОТКУДА ЛИНИИ: их рисует не сайт и не тема ChatGPT — это элементы
   <hr>, которые рождаются из Markdown-разделителей «---»: Gemini
   любит вставлять их между разделами длинного ответа. В статьях
   таких линий нет, потому что в статьях «---» никто не пишет.
   Браузер рисует <hr> своим дефолтным серым бордером во всю ширину,
   с крошечными полями — отсюда «заголовок слипается с линией».

   РЕШЕНИЕ: прячем <hr> внутри ответов бота. Структуру и так задают
   заголовки разделов — линии дублируют смысл и спорят со стилем
   статей. Действует в обоих экземплярах (карточка на главной и
   окно/полный экран) и в обеих темах: селектор привязан к теме
   ChatGPT плагина, а не к светлой/тёмной.

   Инструкцию бота ради этого НЕ трогаем: запрет «---» в Instructions
   стоил бы токенов в каждом запросе и не дал бы гарантии — CSS
   решает то же самое бесплатно и наверняка.

   ЕСЛИ КРУТИТЬ: захочется не убрать, а оставить деликатной —
   замените display: none на:
       border: none !important;
       border-top: 1px solid #D1CFC9 !important;
       margin: 28px 0 !important;
   (для тёмной темы линия сама станет незаметнее на #2B2A27;
   при желании тёмный вариант: #3D3B36.)
==================================================================== */
.mwai-chatgpt-theme .mwai-reply hr {
    display: none !important;
}

/* ====================================================================
   62. ЧАТ-БОТ: ВОЗДУХ НАД ЗАГОЛОВКАМИ В ОТВЕТАХ
   --------------------------------------------------------------------
   Дата: 29.07.2026.

   ЗАЧЕМ: после скрытия <hr> (блок 61) выяснилось, что линии заодно
   работали распоркой — их поля отделяли заголовок раздела от
   предыдущего текста. Без них заголовок после плотного списка
   прилипает к последнему пункту (скрин 29.07: «2. Ограничено ли...»
   вплотную к списку степеней). Собственный верхний отступ
   заголовков в теме чата мал.

   ЧТО ДЕЛАЕТ: единый верхний отступ всем заголовкам внутри ответов
   ассистента. Только .mwai-reply — статьи, пузырь посетителя и
   остальной сайт не затронуты. Обе темы, оба экземпляра (карточка
   на главной и окно/полный экран) — селектор тот же, что в блоке 61.

   Исключение :first-child — если ответ начинается сразу
   с заголовка, пустота под шапкой сообщения не нужна.

   ЕСЛИ КРУТИТЬ: тесно -> 32px; просторно -> 20px.
   Нижний отступ заголовков не трогаем — к своему тексту
   заголовок и должен стоять ближе, чем к чужому.
==================================================================== */
.mwai-chatgpt-theme .mwai-reply h1,
.mwai-chatgpt-theme .mwai-reply h2,
.mwai-chatgpt-theme .mwai-reply h3,
.mwai-chatgpt-theme .mwai-reply h4 {
    margin-top: 26px !important;
}

.mwai-chatgpt-theme .mwai-reply h1:first-child,
.mwai-chatgpt-theme .mwai-reply h2:first-child,
.mwai-chatgpt-theme .mwai-reply h3:first-child,
.mwai-chatgpt-theme .mwai-reply h4:first-child {
    margin-top: 0 !important;
}

/* ====================================================================
   63. ЧАТ-БОТ: ФИРМЕННЫЙ БЕЖЕВЫЙ ФОН ЦИТАТ В ОТВЕТАХ
   --------------------------------------------------------------------
   Дата: 29.07.2026.

   ЗАЧЕМ: в чате цитаты наследовали общий фон статей #F2F1ED,
   который на подложке чата #EDEBE4 почти сливается — плашка
   читалась «более-менее». Решение согласовано: взять беж #FCF4EB
   из палитры выпадающего меню (фон при наведении) — он уже живёт
   на сайте и даёт цитате заметность без крика. В статьях цвет
   цитат НЕ меняется — правила заужены до чата (.mwai-reply).

   Тёмная тема — та же логика, что в меню: #33322E (фон наведения
   тёмного меню). Прицельно перекрываем и текст: глобальное тёмное
   правило цитат привязано к body.single и не достаёт до чата
   на главной.

   Печатное окно красится отдельно в разделе 19 плагина —
   этот style.css туда не подключается по построению.

   РЕД. 2 (30.07.2026): беж #FCF4EB на бежевой подложке главной
   #EDEBE4 розовил — тон 32° против 47° у фона, втрое выше
   насыщенность. Согласован #EAE4D5: тот же тёплый тон-семейство,
   чуть темнее подложки — плашка читается углублением, как набор
   цитат в книгах. Решение владельца: один цвет во ВСЕХ экземплярах
   светлой темы (главная, bubble, полный экран) — при развороте
   окна ничего не «переезжает». Тёмная тема и печать не тронуты.
==================================================================== */
html:not(.dark-mode) .mwai-chatgpt-theme .mwai-reply blockquote {
    background-color: #EAE4D5 !important;
}

html.dark-mode .mwai-chatgpt-theme .mwai-reply blockquote {
    background-color: #33322E !important;
    color: #D1CFC9 !important;
}

html.dark-mode .mwai-chatgpt-theme .mwai-reply blockquote p {
    color: #D1CFC9 !important;
}

/* ====================================================================
   64. ПЕЧАТЬ СТАТЕЙ: ЕДИНЫЙ ФИРМЕННЫЙ СТАНДАРТ ЦИТАТ
   --------------------------------------------------------------------
   Дата: 30.07.2026. Ред. 2 (в тот же день).

   ЗАЧЕМ: при печати записи браузеры по умолчанию выбрасывают
   фоновые заливки — цитаты уходили на бумагу белыми, оставалась
   одна оранжевая черта (скрины 30.07). print-color-adjust: exact
   приказывает печатать фон вопреки снятой галочке «Фон» — тот же
   приём, что в печати чата (раздел 19 плагина).

   ЦВЕТ — РЕШЕНИЕ РЕД. 3 (30.07, вечер), ОКОНЧАТЕЛЬНОЕ.
   Ред. 2 ставила сюда #FCF4EB, свой печатный беж. Владелец отменил:
   цитата на бумаге должна выглядеть ровно так же, как на экране
   статьи, один стиль без разбегания. Цвет не выдуман, а снят с
   живой статьи — правило `.wp-block-quote, blockquote` в начале
   этого файла даёт #F2F1ED, и замер по скриншоту страницы дал
   те же (242, 241, 237) при отбивке (215, 123, 35) = #D77B23.

   Тот же #F2F1ED уходит в печать диалога с ботом (раздел 19 ядра) —
   иначе человек видит одно, а сохраняет в PDF другое.

   ИСКЛЮЧЕНИЕ — цитаты чата НА ЭКРАНЕ (блок 63): там #EAE4D5, и это
   не рассогласование. У чата своя подложка #EDEBE4, на ней #F2F1ED
   не читался бы вовсе. Разные подложки — разные плашки.

   Тёмная тема: печать всегда светлая. Тёмные селекторы включены,
   чтобы перебить #2B2A27, если печатают из тёмной темы.
==================================================================== */
@media print {
    .wp-block-quote,
    blockquote,
    body.single.dark-mode blockquote,
    body.single.dark-mode .wp-block-quote {
        background-color: #F2F1ED !important;
        color: #242320 !important;
        border-left: 4px solid #D77B23 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .wp-block-quote p,
    blockquote p,
    body.single.dark-mode blockquote p,
    body.single.dark-mode .wp-block-quote p {
        color: #242320 !important;
    }
}

/* ====================================================================
   65. ПЕЧАТЬ СТАТЕЙ: ТОЛЬКО ДОКУМЕНТ, БЕЗ СЛУЖЕБНЫХ ЭЛЕМЕНТОВ
   --------------------------------------------------------------------
   Дата: 30.07.2026.

   ЗАЧЕМ: печать статьи была слепком экрана — с переключателем темы,
   крошками, тегами, каруселью «Читайте также» и подвалом; хвостовая
   служебщина раздувала PDF на лишнюю страницу (скрины 30.07,
   10 стр.). Состав удаляемого утверждён владельцем 30.07.2026.

   ОСТАЁТСЯ: шапка с логотипом и подписью, рубрика, заголовок,
   автор и дата, Содержание (карта длинного текста полезна и на
   бумаге, хоть якоря там мертвы), весь текст с цитатами и
   сносками, «Ссылки и примечания». После примечаний — ничего.

   УБИРАЕТСЯ (селекторы сверены с исходником страницы 30.07):
   - переключатель темы  #custom-dark-mode-toggle (раздел 01 ядра);
   - хлебные крошки      .kadence-breadcrumb-container;
   - иконки шапки        .header-tg-icon (телеграм-самолётик —
                         НАША иконка из раздела плагина
                         add_telegram_header_icon, вставляется
                         скриптом; .header-html на этой странице
                         живёт только в подвале), лупа, бургер —
                         сам логотип живёт в .site-branding,
                         его не трогаем;
   - теги                .entry-tags;
   - «К полному списку публикаций» .custom-post-end-button;
   - навигация Назад/Далее .post-navigation (+ подписи -sub);
   - «Читайте также»     .entry-related (обёртка с заголовком
                         и каруселью целиком);
   - подвал              .site-footer.

   display: none схлопывает место — пустой хвостовой лист
   браузер не создаст. Колонтитулы (дата, URL, N/10) — это
   настройки браузера, CSS до них не дотягивается; читатель
   гасит их сам в «Дополнительных настройках» печати.
==================================================================== */
@media print {
    #custom-dark-mode-toggle,
    .kadence-breadcrumb-container,
    #masthead .header-html,
    .header-tg-icon,
    .search-toggle-open-container,
    .mobile-toggle-open-container,
    .entry-tags,
    .custom-post-end-button,
    .post-navigation,
    .post-navigation-sub,
    .entry-related,
    .site-footer {
        display: none !important;
    }

    /* Ред. 2 (30.07): тень белой карточки контента на бумаге
       превращалась в грязную серую полосу под последним блоком —
       на печати теней не бывает, гасим у контентных обёрток. */
    .content-bg,
    .entry,
    .single-entry,
    .entry-content-wrap {
        box-shadow: none !important;
    }
}

/* ====================================================================
   66. ЧАТ-БОТ: БЛОК «ССЫЛКИ И ПРИМЕЧАНИЯ» — ЛИНИЯ И ОРАНЖЕВЫЕ НОМЕРА
   --------------------------------------------------------------------
   Дата: 30.07.2026. Ред. 3 (в тот же день, по живому просмотру).

   ИСТОРИЯ: ред. 1 показывала последний <hr> от модели — Gemini
   отдал «---» литеральным текстом, затея похоронена. Ред. 2 ввела
   класс .pz-src-title (вешает раздел 20 ядра) и рисовала короткую
   линию слева по образцу телеграм-канала. Живой просмотр показал:
   заголовок на главной централся и был кегля h2, воздух под линией
   отсутствовал, список сносок разрежен. Владелец выбрал единый вид
   с PDF: линия тонкая по центру.

   РЕД. 3:
   - линия: 1px, 60% по центру, приглушённый оранжевый — как
     в печатном окне (раздел 19), воздух под ней 16px;
   - заголовок: слева, кегль как у H5 «Ссылки и примечания»
     в статьях (17px), небольшой отступ до первой сноски;
   - централь главной перебита: старое правило в начале файла
     (body.page-id-8532 … h2 { center }) ловило заголовки бота —
     заведено исключение для заголовков чата, зеркальное давнему
     исключению для абзацев .mwai-chat p;
   - сноски списка помечены разделом 20 атрибутом data-pz-fn —
     через него ужат вертикальный шаг списка;
   - номера [N] красятся ПО ВСЕМУ ответу (и в плашках цитат) —
     обёртку делает раздел 20 по текстовым узлам.
==================================================================== */
body.page-id-8532 .entry-content .mwai-chat h1,
body.page-id-8532 .entry-content .mwai-chat h2,
body.page-id-8532 .entry-content .mwai-chat h3,
body.page-id-8532 .entry-content .mwai-chat h4,
body.page-id-8532 .entry-content .mwai-chat h5 {
    text-align: left !important;
}

.mwai-chatgpt-theme .mwai-reply .pz-src-title {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

.mwai-chatgpt-theme .mwai-reply .pz-src-title::before {
    content: '';
    display: block;
    width: 60%;
    border-top: 1px solid rgba(215, 123, 35, 0.55);
    margin: 0 auto 28px;
}

.mwai-chatgpt-theme .mwai-reply [data-pz-fn="1"] {
    margin: 6px 0 !important;
}

.mwai-chatgpt-theme .mwai-reply .pz-fn {
    color: #D77B23;
}

html.dark-mode .mwai-chatgpt-theme .mwai-reply .pz-fn {
    color: #E08A3C;
}

/* ====================================================================
   67. СТРАНИЦА «О ПРОЕКТЕ»: ТЁМНАЯ ТЕМА ОЖИВЛЕНА
   --------------------------------------------------------------------
   Дата: 30.07.2026, вечер.

   ЗАЧЕМ: блоки 53.6 и 53.7 были написаны, но лежали мёртвым грузом —
   читатель видел только светлый вариант и не мог переключиться.
   Причина оказалась в ядре, а не в стилях. Ранний скрипт (раздел 01
   плагина) на обычных Страницах не выводился: в его условии
   перечислены записи, рубрики, поиск, 404 и главная, Страницы туда
   не попали. Значит localStorage никто не читал — посетитель включал
   тёмную тему в статье, приходил сюда и получал светлую. Кнопки тоже
   не было ни одной: шорткод (раздел 02) заперт на is_single(),
   самодостаточный двойник (раздел 02a) — на is_front_page().

   Правки в ядре: раздел 01 расширен на Страницу 8992, заведён новый
   раздел 02b с кнопкой для Страниц. Здесь — то, что остаётся CSS.
==================================================================== */

/* --- 67.1 Ранний фон: шапка и подвал до класса на body ---------------
   Блок 35 делает это для записей, поиска, рубрик и 404, но он лежит
   в замороженной части файла и перечисляет только те типы.

   Содержимому ранний фон уже есть: селекторы 53.6 начинаются с
   html.dark-mode и срабатывают сразу, ещё в <head>. А 53.7 (шапка и
   подвал) написан от body.page-id-8992.dark-mode — класс на body
   появляется позже, на DOMContentLoaded, и шапка успевала мелькнуть
   белым. Здесь те же значения, но от html.                          */

html.dark-mode body.page-id-8992,
html.dark-mode body.page-id-8992 #masthead,
html.dark-mode body.page-id-8992 .site-footer,
html.dark-mode body.page-id-8992 .site-bottom-footer-wrap,
html.dark-mode body.page-id-8992 .content-bg {
    background-color: #242320 !important;
}

/* Логотип подменяем так же рано, иначе светлый вариант мелькает
   на угольной шапке. Адрес тот же, что в 53.7. */
html.dark-mode body.page-id-8992 img.custom-logo {
    content: url("https://ktotvoigospod.com/wp-content/uploads/2026/07/poleznoe-znanie_horizontal_dark@3x.png") !important;
}

/* --- 67.2 Кнопка переключателя ---------------------------------------
   Разметка и id у кнопки те же, что на записях и главной, поэтому вся
   геометрия наследуется из блока 12. Здесь только цвета: в блоке 12
   тёмный вариант заперт на body.single, для главной его уже расширяли
   (50.7 и 50.8) — теперь то же самое для Страницы. Селекторы от html,
   чтобы цвет встал сразу и кнопка не мигнула светлой.               */

html:not(.dark-mode) body.page-id-8992 #custom-dark-mode-toggle,
html:not(.dark-mode) body.page-id-8992 #custom-dark-mode-toggle span {
    color: #242320 !important;
    border-color: #D1CFC9 !important;
}

html.dark-mode body.page-id-8992 #custom-dark-mode-toggle,
html.dark-mode body.page-id-8992 #custom-dark-mode-toggle span {
    color: #D1CFC9 !important;
    border-color: #3D3B36 !important;
}

html body.page-id-8992 #custom-dark-mode-toggle:hover,
html body.page-id-8992 #custom-dark-mode-toggle:hover span {
    color: #D77B23 !important;
    border-color: #D77B23 !important;
}

/* --- 67.3 Место кнопки: вверху слева, над надзаголовком --------------
   РЕД. 2 (30.07, поздний вечер). Первая версия ставила кнопку в конец
   содержимого, по центру. Отклонено примеркой: страница должна
   заканчиваться знаком и финальной фразой, а служебная кнопка под
   ними ломала эту точку. Новое место — левое поле шапки страницы,
   над словами «ПОЛЕЗНОЕ ЗНАНИЕ».

   РЕД. 3 (31.07) — ВПРАВО. Слева кнопка оказалась далеко от большого
   пальца: телефон держат правой рукой, а левый верхний угол — самая
   недосягаемая точка экрана. Переносим к правому краю, высота та же.
   Правка двойная: здесь right вместо left, а в разделе 02b ядра
   кнопка переехала из левой колонки в саму строку-сетку — иначе на
   компьютере «правый край» означал бы правый край узкого бокового
   поля 260px, то есть всё равно левую половину страницы.

   ПОЧЕМУ КНОПКА ВЫНЕСЕНА ИЗ ПОТОКА. Если поставить её обычным блоком
   перед надзаголовком, надзаголовок съедет вниз на её высоту и
   перестанет стоять вровень с H1. А это выравнивание держит всю
   раскладку: во всех строках ниже надзаголовок стоит вровень со
   своим H2. Абсолютное положение оставляет поток нетронутым.

   Приём без магических чисел: bottom: 100% ставит НИЗ кнопки ровно
   на верхнюю границу колонки, а margin-bottom добавляет воздух.
   Высоту кнопки знать не нужно, она может меняться от кегля.
   Место над колонкой свободно: между шапкой сайта и содержимым
   около 144px на компьютере и около 114px на телефоне (замер по
   скринам 30.07), кнопке нужно примерно 55.

   position: relative на родителе колонки ставит сам скрипт (раздел
   02b) — у этой обёртки Kadence нет своего класса, надёжнее задать
   её тому элементу, в который скрипт только что вставил кнопку.

   ЕСЛИ КРУТИТЬ: кнопка близко к содержимому → 26px; ушла к шапке
   сайта → 10px. Если вдруг не видна совсем — значит строка-сетка
   режет выступающее содержимое, скажите, переведу кнопку в поток. */
body.page-id-8992 #pz-page-toggle-wrap {
    position: absolute !important;
    bottom: 100% !important;
    right: 0 !important;
    margin: 0 0 18px !important;
    text-align: right !important;
    z-index: 2;
}

body.page-id-8992 #pz-page-toggle-wrap #custom-dark-mode-toggle {
    margin-bottom: 0 !important;
}

/* Телефоны, ред. 31.07. Кнопка встала вплотную под шапку сайта: до
   шапки оставалось ~8px, до надзаголовка ~45px. Причина в переезде
   кнопки из колонки в строку-сетку (ред. 3): точка отсчёта поднялась
   на верхнее поле строки, а на телефоне над строкой воздуха мало.
   Владелец попросил поставить её посередине полосы между шапкой и
   надзаголовком. Полоса ~88px, кнопка ~35px, значит по ~26px с двух
   сторон — кнопку нужно опустить примерно на 19px.

   Отсюда отрицательное значение: bottom: 100% ставит НИЗ кнопки на
   верхнюю границу строки, положительный margin поднимает её выше,
   отрицательный — опускает ниже этой границы. Кнопка заходит на 5px
   в верхнее поле строки; поле пустое, до надзаголовка остаётся ~26px.

   ЕСЛИ КРУТИТЬ: кнопка высоко, липнет к шапке → 4px;
   низко, липнет к надзаголовку → -14px.                          */
@media (max-width: 767px) {
    body.page-id-8992 #pz-page-toggle-wrap {
        margin: 0 0 -5px !important;
    }
}

/* --- 67.4 Воздух между финальной фразой и подвалом -------------------
   Дата: 31.07.2026.

   ЗАЧЕМ: замер по скринам показал перекос. От плашки списка до знака
   110px на компьютере и 97px на телефоне — владелец назвал это
   расстояние верным. От последней строки финальной фразы до строки
   копирайта — 201px и 138px. Вдвое больше, концовка повисала в пустоте.

   ОТКУДА БРАЛОСЬ. Три слоя чужих отступов складывались под текстом:
   нижнее поле .content-area из настроек темы (5rem на компьютере,
   2rem на телефоне), нижний внутренний отступ карточки контента
   .entry-content-wrap (2rem и 1.5rem) и верхнее поле подвала.
   Подвал общий для сайта, его не трогаем. Первые два — наши, и они
   здесь ни на что не работают: фон карточки на этой странице снят
   (53.5), рамки нет, отступ снизу держит пустоту.

   СЧЁТ: компьютер 201 − 56 (поле 5rem→1.5rem) − 32 (отступ карточки)
   = 113 при цели 110. Телефон 138 − 16 (2rem→1rem) − 24 = 98 при
   цели 97.

   ВАЖНО: нижние поля самих строк Kadence не трогаем. Из них сложены
   те 31px, на которых держится симметрия зазоров у разделительной
   черты (53.1). Тронешь — разъедется вся страница.

   -----------------------------------------------------------------
   РЕД. 2 (31.07, после подъёма кнопки чата).

   Когда страницу добавили в область действия блоков 59 и 60, кнопка
   чата на телефонах поднялась к финальной фразе и упёрлась в неё.
   Замер по скринам от нижнего края экрана:

       Samsung 360:  низ последней строки 186, верх кнопки 161
                     — просвет 25px, тесно;
       Pixel 430:    низ последней строки 185, верх кнопки 196
                     — кнопка НАЕЗЖАЕТ на строку примерно на 11px.

   Разница между аппаратами не случайна: блок 59 поднимает кнопку на
   96px, блок 60 от ширины 400px — на 120px. Значит и воздуха под
   текстом на широких телефонах нужно больше ровно на эти 24px, иначе
   правка вылечит один аппарат и оставит второй.

   Финальный блок поднимаем нижним полем области контента — тем же
   рычагом, что и в ред. 1, только в обратную сторону:

       узкие телефоны  1rem → 2.5rem  (+24px) → просвет ~49px
       от 400px        2.5rem → 4rem  (+24px) → просвет ~37px
       компьютер       1.5rem → 3rem  (+24px)

   На компьютере кнопка стоит в штатном углу и с текстом не спорит:
   там до неё было 98px. Подняли по просьбе владельца, для общего
   ритма. ПОБОЧНЫЙ ЭФФЕКТ: зазор до копирайта на компьютере вырастет
   со 114 до ~138px и перестанет совпадать с верхним зазором 110px,
   на котором мы его специально уравнивали. Если симметрия важнее —
   вернуть 1.5rem, телефоны от этого не пострадают, у них свои
   значения ниже.

   ЕСЛИ КРУТИТЬ: кнопка всё ещё близко → прибавить по 1rem каждому
   из трёх значений; стало пусто → убавить по 0.5rem.               */

body.page-id-8992 .content-area {
    margin-bottom: 3rem !important;
}

body.page-id-8992 .entry-content-wrap {
    padding-bottom: 0 !important;
}

@media (max-width: 767px) {
    body.page-id-8992 .content-area {
        margin-bottom: 2.5rem !important;
    }
}

/* Порог 400px тот же, что у блока 60: там кнопка поднимается выше,
   значит и воздуха под текстом нужно больше. Правило идёт следом за
   предыдущим и перекрывает его в своём диапазоне. */
@media (min-width: 400px) and (max-width: 767px) {
    body.page-id-8992 .content-area {
        margin-bottom: 4rem !important;
    }
}

/* ====================================================================
   70. «О ПРОЕКТЕ» В ТЁМНОЙ ТЕМЕ: МЕНЮ ШАПКИ И ССЫЛКА В ПОДВАЛЕ
   --------------------------------------------------------------------
   Дата: 31.07.2026.

   ОДНА ПРИЧИНА НА ДВА ДЕФЕКТА. Оба цвета — пунктов верхнего меню и
   ссылки в подвале — заданы в замороженной части файла (блоки 13 и 17)
   ПОТИПНО, перечислением: body.single.dark-mode, body.page-id-8532,
   а позже к ним дописали body.search.dark-mode (блок 24),
   body.archive.dark-mode (26) и body.error404.dark-mode (27).
   Обычной Страницы в этих списках нет и быть не могло — до 30.07
   тёмной темы на Страницах не существовало вовсе.

   Что из этого выходило.

   1. МЕНЮ. Блок 17 красит пункты в угольный #242320 БЕЗУСЛОВНО, без
      оговорки html:not(.dark-mode) — расчёт был на то, что тёмный
      вариант перекроют правила из списка ниже. Для этой страницы
      перекрывать некому, поэтому в тёмной теме угольный текст лежал
      на угольной шапке и был не виден. Появлялся только при наведении:
      ховер в блоке 17 задан без привязки к типу страницы и работал.
      Пункт «Разделы» при этом читался — у него текст завёрнут в
      дочерний элемент, до которого селектор `> a` не достаёт, и цвет
      ему доставался от базы Kadence. Поэтому в правиле ниже, как и в
      блоках 24, 26, 27, перечислены и `a`, и `a *`.

   2. ПОДВАЛ. Ссылка «Telegram-канал» без своего правила теряла
      ФИРМЕННЫЙ ХОВЕР: в покое оранжевая, а при наведении уходила в
      слоновую кость от общего правила ссылок тёмной темы. На всех
      остальных страницах наоборот — оранжевый #D77B23 в покое и
      приглушённый #AB5F17 при наведении.

   Значения ниже скопированы из блоков 13 и 17 без единой правки —
   это не новый дизайн, а достройка того же ряда.

   ПОЧЕМУ СЕЛЕКТОРЫ ОТ html.dark-mode, а не body...dark-mode, как у
   соседей: класс на <html> ставит ранний скрипт ещё в <head>, а на
   <body> он попадает только на DOMContentLoaded. От html правило
   срабатывает сразу, и меню не мигает невидимым при загрузке — та же
   логика, что в блоке 67.1.

   КОГДА ПОЯВИТСЯ НОВАЯ СТРАНИЦА С ТЁМНОЙ ТЕМОЙ: дописать её id сюда
   и в pz_dark_ready_pages() ядра. Оба места перечислены в разделе 01.
==================================================================== */

/* --- 70.1 Пункты верхнего меню и бургер ---------------------------- */
html.dark-mode body.page-id-8992 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
html.dark-mode body.page-id-8992 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a *,
html.dark-mode body.page-id-8992 #masthead .header-navigation li.menu-item > a,
html.dark-mode body.page-id-8992 #masthead .header-navigation li.menu-item > a *,
html.dark-mode body.page-id-8992 #masthead .menu-toggle,
html.dark-mode body.page-id-8992 #masthead .menu-toggle * {
    color: #D1CFC9 !important;
    fill: #D1CFC9 !important;
}

html.dark-mode body.page-id-8992 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
html.dark-mode body.page-id-8992 #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover *,
html.dark-mode body.page-id-8992 #masthead .header-navigation li.menu-item:hover > a,
html.dark-mode body.page-id-8992 #masthead .header-navigation li.menu-item:hover > a *,
html.dark-mode body.page-id-8992 #masthead .menu-toggle:hover,
html.dark-mode body.page-id-8992 #masthead .menu-toggle:hover * {
    color: #D77B23 !important;
    fill: #D77B23 !important;
}

/* --- 70.2 Ссылка «Telegram-канал» в подвале ------------------------ */
html.dark-mode body.page-id-8992 .site-bottom-footer-wrap a,
html.dark-mode body.page-id-8992 .footer-html a {
    color: #D77B23 !important;
}

html.dark-mode body.page-id-8992 .site-bottom-footer-wrap a:hover,
html.dark-mode body.page-id-8992 .footer-html a:hover {
    color: #AB5F17 !important;
}