/* ===== style-content.css — breadcrumbs + H1 (compact & safe) ===== */

/* Ничего не меняем у .content/.sidebar — только «шапку контента» */

/* -------- Breadcrumbs -------- */
.breadcrumbs{
    display:flex; flex-wrap:wrap; align-items:center;
    gap:6px 10px;
    /* Отступы компактные, но без коллапса: padding-top + прозрачный border */
    margin: 0 0 6px;                 /* убираем margin-top, чтобы не схлопывался */
    padding: 10px 16px 0;            /* сверху создаём «воздух» */
    border-top: 1px solid transparent;
    color:#6B6B80;
    font-size:13px; line-height:1.35;
    clear: both;                     /* не наезжаем на флоаты темы */
    scroll-margin-top: 84px;         /* якоря не прячутся под шапку */
}
.breadcrumbs__link{ color:#6B6B80; text-decoration:none; }
.breadcrumbs__link:hover{ color:#2E2E48; text-decoration:underline; }
.breadcrumbs__separator{ color:rgba(15,23,42,.35); }

/* Длинные элементы не ломают сетку */
.breadcrumbs, .breadcrumbs *{
    word-break:break-word;
    overflow-wrap:anywhere;
}

/* -------- H1 -------- */
.post__headline{
    /* компактно и слева */
    margin: 6px 1px 14px;           /* в десктопе достаточно чуть-чуть сверху */
    font-weight:700;
    font-size:28px;
    line-height:1.25;
    color:#2E2E48;
    text-align:left;
}

/* если после H1 сразу идёт блок/текст — небольшая пауза */
.post__headline + *{ margin-top:10px; }

/* -------- Desktop tweaks (>=1025px) -------- */
@media (min-width:1025px){
    /* убираем крупные внешние отступы, которые тема могла дать контейнерам */
    .wrapper > .middle{ margin-top:0 !important; padding-top:0 !important; }
}

/* -------- Tablets & Phones -------- */
@media (max-width:1024px){
    .breadcrumbs{ font-size:12.5px; padding: 12px 16px 0; scroll-margin-top: 96px; }
    .post__headline{ font-size:26px; margin: 6px 16px 12px; }
}

/* Phones ≤ 720 */
@media (max-width:720px){
    /* на мобилке поиск уходит под меню, добавим безопасный зазор над крошками */
    .breadcrumbs{
        padding: 14px 12px 0;          /* больше воздуха сверху */
        margin: 0 0 8px;               /* снизу чуть больше, чтобы не «липло» */
        scroll-margin-top: 104px;      /* якоря не прячутся под увеличенную шапку */
    }
    .post__headline{
        font-size:24px;
        margin: 4px 2px 2px;
    }
}

/* Very small phones */
@media (max-width:420px){
    .post__headline{ font-size:22px; }
}