/* --- Thread / Feed --- */
.janyzak-social-wrapper .threads-feed {
    display: flex;
    flex-direction: column;
}

.janyzak-social-wrapper .thread-item {
    padding: 12px 20px;
    border-bottom: 1px solid var(--border-color);
    border-top: none;
    cursor: pointer;
    transition: background 0.2s;
}

.janyzak-social-wrapper .main-view div .thread-item {
    border-top: none;
}

.janyzak-social-wrapper .thread-item:hover {
    background: rgba(255,255,255,0.02);
}

.janyzak-social-wrapper .thread-item:first-child {
    border-top: 1px solid var(--border-color);
}

/* Закрепленные посты */
.janyzak-social-wrapper .thread-item.pinned {
    background: rgba(34, 177, 58, 0.082) !important;
    border-left: none !important;
}

/* Значок "Закреплено" */
.janyzak-social-wrapper .pinned-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #2271b1;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
}

/* Альтернативные селекторы для старых браузеров и случаев с инлайн-стилями */
.janyzak-social-wrapper .thread-item[style*="border-left: 3px solid #2271b1"],
.janyzak-social-wrapper .thread-item[style*="border-left:3px solid #2271b1"],
.janyzak-social-wrapper .thread-item[style*="background: rgba(34, 113, 177"],
.janyzak-social-wrapper .thread-item[style*="background:rgba(34,113,177"] {
    background: rgba(34, 177, 58, 0.034) !important;
    border-left: none !important;
}

/* Для браузеров с поддержкой :has() */
@supports selector(:has(*)) {
    .janyzak-social-wrapper .thread-item:has(.username span:has([data-lucide="pin"])) {
        background: rgba(34, 177, 58, 0.082) !important;
        border-left: none !important;
    }
}

.janyzak-social-wrapper .post-header-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.janyzak-social-wrapper .post-meta {
    flex: 1;
}

.janyzak-social-wrapper .username {
    font-weight: 600;
    font-size: 16px;
    color: var(--text-primary);
}

.janyzak-social-wrapper .thread-text {
    font-size: 16px;
    line-height: 1.55;
    color: var(--text-primary);
    margin-bottom: 12px;
    white-space: pre-wrap;
    word-break: break-word;
}

.janyzak-social-wrapper .thread-text.clamped {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.janyzak-social-wrapper .thread-text.detail-main-text {
    font-size: 16px;
    line-height: 1.45;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

.janyzak-social-wrapper .wp-post-content {
    line-height: 1.6;
}

/* Полностью убираем внешние отступы между абзацами текста поста
   (тема Voxel ставит большой p margin). !important — чтобы перебить тему везде. */
.janyzak-social-wrapper .wp-post-content p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.janyzak-social-wrapper .thread-actions {
    display: flex;
    gap: 20px;
    margin-bottom: 6px;
}

.janyzak-social-wrapper .action-btn {
    border: none;
    background: none;
    color: var(--text-primary);
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* Число лайков/комментов рядом с иконкой */
.janyzak-social-wrapper .action-count {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1;
}

.janyzak-social-wrapper .action-btn.like-btn.liked .action-count {
    color: var(--like-color);
}

.janyzak-social-wrapper .action-btn.like-btn svg {
    stroke-width: 2px;
    transition: color 0.2s, fill 0.2s;
}

.janyzak-social-wrapper .action-btn.liked {
    color: var(--like-color);
}

.janyzak-social-wrapper .action-btn.like-btn.liked svg {
    stroke: var(--like-color);
    fill: var(--like-color);
}

.janyzak-social-wrapper .thread-stats {
    font-size: 13px;
    color: var(--text-secondary);
}

.janyzak-social-wrapper .empty-feed {
    padding: 30px;
    text-align: center;
    color: var(--text-secondary);
}

/* --- Pagination --- */
.janyzak-social-wrapper .pagination-wrapper {
    padding: 12px 0;
    margin: 0;
}

.janyzak-social-wrapper .pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 0 20px;
    margin: 0;
    flex-wrap: wrap;
}

.janyzak-social-wrapper .page-btn,
.janyzak-social-wrapper .page-btn a {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    background: transparent;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, opacity 0.2s;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.janyzak-social-wrapper .page-btn.active,
.janyzak-social-wrapper .page-btn.active a {
    background: var(--text-primary);
    color: var(--bg-color);
    border-color: var(--text-primary);
    font-weight: 600;
}

.janyzak-social-wrapper[data-theme="dark"] .page-btn.active,
.janyzak-social-wrapper[data-theme="dark"] .page-btn.active a {
    background: #1e1e1e;
    color: #ffffff;
    border-color: #1e1e1e;
}

.janyzak-social-wrapper .page-btn:disabled,
.janyzak-social-wrapper .page-btn:disabled a {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

.janyzak-social-wrapper .page-btn:hover:not(:disabled),
.janyzak-social-wrapper .page-btn:hover:not(:disabled) a {
    background: var(--hover-bg);
    border-color: var(--text-secondary);
}

.janyzak-social-wrapper .page-btn svg {
    width: 18px;
    height: 18px;
}

.janyzak-social-wrapper .pagination-container .pagination-ellipsis {
    padding: 0 4px;
    color: var(--text-secondary);
    font-size: 13px;
    display: flex;
    align-items: center;
    user-select: none;
    min-width: 24px;
    text-align: center;
}

/* --- Search & Profile --- */
.janyzak-social-wrapper .search-header {
    padding: 10px 20px 0;
}

.janyzak-social-wrapper .search-input {
    width: 100%;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid var(--border-color);
    background: var(--input-bg);
    color: var(--text-primary);
    font-size: 16px;
    outline: none;
}

.janyzak-social-wrapper .main-view div input[type=text] {
    margin-bottom: 12px;
}

.janyzak-social-wrapper .search-label {
    margin: 18px 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-secondary);
}

.janyzak-social-wrapper .settings-container {
    padding: 20px;
}

.janyzak-social-wrapper .settings-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.janyzak-social-wrapper .rule-block {
    padding: 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.janyzak-social-wrapper .rule-title {
    font-weight: 600;
    margin-bottom: 6px;
}

.janyzak-social-wrapper .rule-text {
    color: var(--text-secondary);
    line-height: 1.5;
    font-size: 14px;
}