/*
 * blog-ds-override.css — минимальный структурный шим для Winter CMS блога
 *
 * Принцип: не трогать WP-стили. Только то, что структурно сломано:
 *   1. mgd-header — он fixed, нужно защитить от WP-каскада
 *   2. mgd-footer — защита от WP paragraph margin leak
 *   3. body padding-top — для fixed header
 *   4. site-content background — WP ставит белый, у нас dark theme
 *   5. site-content margin-top — WP делает -30px overlap с хедером, у нас хедер другой
 *   6. Tailwind preflight guard — ul/ol/h* сбрасываются в main.css
 *   7. Checkbox fix — Tailwind убирает appearance:auto
 */

/* ── 1. MGD HEADER ──────────────────────────────────────────────────────
   Шапку целиком рисует main.css — ровно как на проде (fixed, #111118,
   высота по паддингам .mgd-header-in ≈ 65px, брейкпоинты, dropdown, моб-меню).
   Header лежит ВНЕ #page, поэтому WP-каскад `.site …` его не достаёт;
   единственная реальная угроза — WP `img{max-width:100%}`, от неё гвардим лого. */
.mgd-logo-img {
    height: 36px !important;
    width: auto !important;
    max-width: none !important;
}

/* ── 1b. NAV FLEX GUARD ─────────────────────────────────────────────────
   main.css — Tailwind v4: классы .mgd-* лежат в @layer (слоёные). WP
   style.min.css НЕслоёно задаёт `article,aside,footer,header,nav,section
   {display:block}` — а неслоёные стили в каскаде побеждают любой @layer.
   Поэтому <nav class="mgd-nav"> получает display:block и меню встаёт
   столбцом. Возвращаем flex ТОЛЬКО для шапки, уважая брейкпоинт 1000px
   (иначе на мобиле меню полезет вместо бургера). #include: только .mgd-nav —
   .mgd-header-in это <div>, его normalize не трогает. */
@media (min-width: 1001px) {
    .mgd-header .mgd-nav { display: flex !important; }
}
@media (max-width: 1000px) {
    .mgd-header .mgd-nav { display: none !important; }
}

/* ── 2. MGD FOOTER ──────────────────────────────────────────────────── */
.mgd-footer,
body .mgd-footer {
    background-color: #100C1E !important;
    color: #F2F2F7 !important;
}
.mgd-footer-logo img {
    height: 52px !important;
    width: auto !important;
    max-width: none !important;
}
/* WP bare `p { margin-bottom: 1em }` течёт за пределы .site в footer */
.mgd-footer p { margin: 0 !important; }

/* ── 3. BODY PADDING ────────────────────────────────────────────────── */
/* Отступ под фикс-хедер. На проде его нет — там первый экран это .mgd-hero
   с padding-top:90px, под который хедер и подкладывается. У блога героя нет,
   поэтому компенсируем: высота хедера ≈65px + ~25px зазор (как под H1 на
   проде) = 90px. Если после проверки на dev зазор great/мал — правится тут. */
body { padding-top: 90px !important; }
html, .site, .site-content { padding-top: 0 !important; }

/* ── 3b. FLEX OVERFLOW GUARD ─────────────────────────────────────────────
   Двухколоночный ряд .site-content-inner (контент + сайдбар) ломался: широкий
   элемент в статье (таблица, картинка, врезка) распирал .content-area шире
   basis'а → .widget-area переносился ВНИЗ страницы. min-width:0 разрешает
   flex-элементу сжиматься ниже min-content, картинки ограничиваем по ширине. */
.site-content-inner .content-area { min-width: 0; }
.entry-content img,
.entry-content iframe,
.entry-content video { max-width: 100%; }
.entry-content table { display: block; overflow-x: auto; }

/* ── 4. SITE-CONTENT ────────────────────────────────────────────────── */
/* WP style.min.css: .site-content { background: #fff; margin-top: -30px }
   Нам нужен прозрачный фон (dark theme) и нет overlap-эффекта с хедером */
.site-content {
    background: transparent !important;
    margin-top: 0 !important;
}

/* ── 5. TAILWIND PREFLIGHT GUARD ────────────────────────────────────── */
/* main.css (Tailwind v4) сбрасывает list-style, h1-h6 sizes, margins */
.site ul, .site ol { list-style: revert; padding: revert; margin: revert; }
.site h1, .site h2, .site h3,
.site h4, .site h5, .site h6 {
    font-size: revert;
    font-weight: revert;
    line-height: revert;
}

/* ── 7. COURSES — кнопки «Узнать подробнее» кликабельны (визуально) ─────────
   Целевые URL вешает JS темы reboot_child (script.js на сервере). Пока даём
   affordance курсора; сам переход добавим минимальным делегатом, когда будут
   точные URL из script.js (НЕ выдумываем). */
body .site .courses__list .list-item__button{ cursor:pointer !important; }
