/*
 * Прелоадер автоподгрузки. In-flow: сидит сразу после `.post-cards`,
 * над футером сайта. Никаких `position: fixed` — иначе перекрывает
 * мобильный нижний бар.
 *
 * Спиннер всегда центрируется относительно колонки контента
 * (`.site-main` / `.content-area-inner`). По дизайн-сетке этой темы
 * колонка уже центрирована между основным контентом и сайдбаром,
 * поэтому визуально круг становится по середине ленты.
 */

.child-feed-loader {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 12px auto 12px;
    padding: 6px 0;
    width: 100%;
    color: #6b7280;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

.child-feed-loader.is-active {
    display: flex;
}

.child-feed-loader__spinner {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border: 3px solid rgba(0, 0, 0, .12);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: child-feed-loader-spin .9s linear infinite;
}

.child-feed-loader__label {
    line-height: 26px;
}

html[theme=dark] .child-feed-loader { color: rgba(222, 222, 222, .65); }
html[theme=dark] .child-feed-loader__spinner { border-color: rgba(255, 255, 255, .15); border-top-color: #60a5fa; }

@keyframes child-feed-loader-spin {
    to { transform: rotate(360deg); }
}