/*
 * blog-sidebar.css — правый сайдбар блога в дизайне нового сайта (mgd-токены).
 * Колонку 300px и 2-колоночную раскладку даёт уже загруженный WP style.min.css
 * (body.sidebar-right + <aside class="widget-area">). Здесь — только вид блоков.
 * Свои классы mgd-* → WP-косметика виджетов (.widget_*) блога не касается.
 */

.mgd-blog-aside {
    box-sizing: border-box;
}
.mgd-blog-aside *,
.mgd-blog-aside *::before,
.mgd-blog-aside *::after { box-sizing: border-box; }

/* Гасим маркеры списков: blog-ds-override.css делает `.site ul{list-style:revert}`,
   что возвращает буллеты в сайдбаре ("странные точки"). Бьём точечно и жёстко. */
.mgd-blog-aside ul,
.mgd-blog-aside ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.mgd-blog-aside li { list-style: none !important; }

/* ── Карточка виджета ── */
.mgd-swidget {
    background: var(--mgd-surface1, #251a3f);
    border: 1px solid var(--mgd-border, #ffffff14);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
}
.mgd-swidget__title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .01em;
    color: #f2f2f7;
    margin: 0 0 14px;
}

/* ── Поиск ── */
.mgd-search {
    display: flex;
    align-items: stretch;
    gap: 8px;
}
.mgd-search__input {
    flex: 1 1 auto;
    min-width: 0;
    background: var(--mgd-night, #100c1e);
    border: 1px solid var(--mgd-border, #ffffff14);
    border-radius: 10px;
    padding: 10px 12px;
    color: #f2f2f7;
    font-size: 14px;
    line-height: 1.2;
    outline: none;
    transition: border-color .15s;
}
.mgd-search__input::placeholder { color: #ffffff66; }
.mgd-search__input:focus { border-color: var(--mgd-purple, #c05dd0); }
.mgd-search__btn {
    flex: 0 0 auto;
    width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mgd-purple, #c05dd0);
    border: none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    transition: background .15s;
}
.mgd-search__btn:hover { background: var(--mgd-purple-h, #d060e0); }
.mgd-search__btn svg { width: 18px; height: 18px; }

/* ── Категории ── */
.mgd-cat-list { list-style: none; margin: 0; padding: 0; }
.mgd-cat-list__item { margin: 0; }
.mgd-cat-list__item + .mgd-cat-list__item {
    border-top: 1px solid var(--mgd-border-sub, #ffffff0f);
}
.mgd-cat-list__item a {
    display: block;
    padding: 10px 0;
    color: #d9d5e6;
    font-size: 14px;
    text-decoration: none;
    transition: color .15s, padding-left .15s;
}
.mgd-cat-list__item a:hover {
    color: var(--mgd-purple-h, #d060e0);
    padding-left: 6px;
}

/* ── Популярное ── */
.mgd-pop-list { list-style: none; margin: 0; padding: 0; }
.mgd-pop-item { margin: 0; }
.mgd-pop-item + .mgd-pop-item {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--mgd-border-sub, #ffffff0f);
}
.mgd-pop-item__link {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
}
.mgd-pop-item__thumb {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-color: var(--mgd-night2, #1a1230);
}
.mgd-pop-item__body { min-width: 0; }
.mgd-pop-item__title {
    display: block;
    color: #eceafc;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.35;
    transition: color .15s;
}
.mgd-pop-item__link:hover .mgd-pop-item__title { color: var(--mgd-purple-h, #d060e0); }
.mgd-pop-item__meta {
    display: block;
    margin-top: 4px;
    color: #ffffff66;
    font-size: 12px;
}

/* ── Поиск по статье (in-page) ── */
/* Липкий виджет: остаётся на экране при прокрутке статьи, чтобы стрелки
   перехода между находками были всегда под рукой (aside тянется на всю
   высоту контента, поэтому sticky работает на всю статью). */
.mgd-swidget--sticky {
    position: sticky;
    top: 90px;
    z-index: 5;
}
@media (max-width: 991px) {
    .mgd-swidget--sticky { position: static; }
}

.mgd-artsearch__bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 8px;
    min-height: 0;
}
.mgd-artsearch__bar:empty { display: none; }
.mgd-artsearch__status {
    font-size: 12px;
    color: #ffffff8c;
}
.mgd-artsearch__status:empty { display: none; }
/* компактнее карточку поиска по статье */
.mgd-swidget--search { padding: 14px 16px; }
.mgd-swidget--search .mgd-swidget__title { margin-bottom: 10px; }
.mgd-swidget--search .mgd-artsearch__bar { margin-top: 6px; }
.mgd-artsearch__nav {
    display: inline-flex;
    gap: 6px;
}
.mgd-artsearch__nav button {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mgd-night, #100c1e);
    border: 1px solid var(--mgd-border, #ffffff14);
    border-radius: 8px;
    color: #d9d5e6;
    cursor: pointer;
    line-height: 1;
    font-size: 14px;
}
.mgd-artsearch__nav button:hover { border-color: var(--mgd-purple, #c05dd0); color: #fff; }

mark.mg-artmark {
    background: #ffd54a;
    color: #1a1230;
    border-radius: 2px;
    padding: 0 1px;
}
mark.mg-artmark--active {
    background: var(--mgd-purple, #c05dd0);
    color: #fff;
    box-shadow: 0 0 0 2px var(--mgd-purple-a25, #c05dd04d);
}

/* ── Поиск на главной блога ── */
.mgd-home-search {
    max-width: 560px;
    margin: 4px 0 34px;
}

/* ── Пустой результат поиска ── */
.mgd-search-empty {
    color: #d9d5e6;
    font-size: 16px;
    padding: 8px 0 40px;
}