/*
Theme Name: disshelp-front
Theme URI: https://disshelp.ru/blog/
Description: Блог disshelp.ru в дизайне сайта (FRONT v1, Ф7–Ф8). Шапка, подвал, стили и скрипты — общие с сайтом Laravel (/_partials/*), меню правится только в админке сайта. Заменяет wp-bootstrap-starter + child; откат — переключением темы.
Author: disshelp.ru
Version: 0.2.5
Requires PHP: 7.4
Text Domain: disshelp-front
*/
/* Стили — из сборки сайта (/_partials/head → /build/assets/app-*.css). Здесь только то, что нельзя классом Tailwind: разметка плагинов. */

/* Easy TOC: на ПК оглавление — справа (single.php), блок в тексте только на телефоне и планшете */
@media (min-width: 1024px) { #ez-toc-container { display: none !important; } }
#ez-toc-container { margin: 0 0 2rem; padding: 1rem 1.25rem; border: 1px solid rgb(var(--c-surface-card)); border-radius: 20px; background: rgb(var(--c-paper)); }
#ez-toc-container .ez-toc-title { font-weight: 700; }
#ez-toc-container ul { margin: .5rem 0 0; padding-left: 1.1rem; }
/* Markdown-таблицы (inc/content.php) */
.disshelp-md-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.disshelp-md-table th, .disshelp-md-table td { padding: .6rem .8rem; border: 1px solid rgb(var(--c-surface-card)); text-align: left; vertical-align: top; }
.disshelp-md-table thead th { background: rgb(var(--c-surface-card) / .5); font-weight: 700; }

/* Картинки с подписью WordPress ([caption] ставит style="width: <ширина файла>px") и широкие вставки — не шире колонки текста */
.wp-caption { max-width: 100% !important; height: auto; }
.wp-caption img, .prose-front img, .prose-front iframe, .prose-front video { max-width: 100%; height: auto; }
.wp-caption-text { font-size: 14px; color: rgb(var(--c-ink-soft)); margin-top: .4rem; }

/* Администратор WP: верхняя панель (32 px, на телефоне 46 px) закрывала прилипшую шапку сайта */
.admin-bar header.sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar header.sticky { top: 46px; } }
@media (max-width: 600px) { .admin-bar header.sticky { top: 0; } }

/* «Блоки в статьях» (inc/blocks.php): картинка со ссылкой и вставка кодом; карточка в правой колонке — без внешних отступов */
.dhf-block { margin: 2.5rem 0; }
.dhf-block-aside, .dhf-aside-blocks > aside { margin: 0 !important; }
.dhf-block-image img { display: block; width: 100%; height: auto; margin: 0 !important; border-radius: 20px; }
.dhf-block-html { overflow-x: auto; }