/* assets/css/style.css (追記) */

/* --- スレッド一覧 --- */
.mybb-thread-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mybb-thread-item {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}
.mybb-thread-item:last-child {
    border-bottom: none;
}
.mybb-thread-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}
.mybb-thread-title a {
    text-decoration: none;
    color: #0073aa; /* WordPressリンク色 */
}
.mybb-thread-title a:hover {
    text-decoration: underline;
}
.mybb-thread-meta {
    font-size: 0.9em;
    color: #777;
}
.mybb-thread-meta span {
    margin-right: 15px;
}
.mybb-thread-author,
.mybb-thread-post-count,
.mybb-thread-updated {
    /* 個別のスタイル調整用 */
}

/* --- 新規スレッド作成フォームの表示切り替え --- */
.mybb-new-thread-toggle {
    margin-bottom: 20px; /* ボタンとリストの間隔 */
}
/* フォームラッパーのスタイル (JSで表示/非表示) */
/* #mybb-new-thread-form-wrapper { ... } */

/* ページネーション */
.mybb-pagination {
    margin-top: 20px;
    clear: both;
}
.mybb-pagination .page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #0073aa;
}
.mybb-pagination .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    font-weight: bold;
}
.mybb-pagination .page-numbers:hover {
    background-color: #f0f0f0;
}
.mybb-pagination .dots {
    border: none;
    padding: 5px 0;
}

/* 投稿表示 (既存のスタイルに追加・調整) */
.mybb-post {
    border: 1px solid #eee;
    margin-bottom: 15px;
    padding: 10px 15px; /* 少し余白調整 */
    background-color: #fff;
    border-radius: 3px; /* 角丸 */
}
.mybb-post-meta {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 8px; /* 少し間隔調整 */
    display: flex; /* 横並び調整用 */
    align-items: center;
    flex-wrap: wrap; /* スマホ等で折り返し */
}
.mybb-post-meta > * { /* メタ要素間のマージン */
    margin-right: 10px;
    margin-bottom: 5px; /* 折り返し時の縦マージン */
}
.mybb-post-meta img.avatar {
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px; /* アバターと名前の間 */
}
.mybb-post-author a,
.mybb-post-author {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
.mybb-post-author a:hover {
    text-decoration: underline;
}
.mybb-user-title {
    font-style: italic;
    color: #0073aa;
}
.mybb-post-content {
    margin-bottom: 10px;
    line-height: 1.6;
    word-wrap: break-word; /* 長いURLなどで折り返し */
}
/* oEmbedコンテンツのレスポンシブ対応 (iframeなど) */
.mybb-post-content iframe {
    max-width: 100%;
}

.mybb-post-actions {
    font-size: 0.9em;
}
.mybb-post-actions button,
.mybb-post-actions .mybb-like-info {
    margin-right: 10px;
    cursor: pointer;
    padding: 3px 8px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    border-radius: 3px;
}
.mybb-post-actions button:hover {
    border-color: #999;
    background-color: #eee;
}
.mybb-like-button.liked {
    font-weight: bold;
    color: #d54e21;
    border-color: #d54e21;
    background-color: #fbeaea;
}
.mybb-like-button:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}
.mybb-like-spinner img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
}

/* assets/css/style.css (追記) */

.mybb-thread-meta span {
    margin-right: 15px;
    display: inline-block; /* 縦揃えのため */
    margin-bottom: 3px; /* 折り返し時用 */
}
.mybb-thread-view-count {
    /* 閲覧数用のスタイル (任意) */
    /* 例: color: #999; */
}

/* スレッド詳細ページのタイトル下のメタ情報 */
/* (h1の後のpタグに対するスタイルを想定) */
h1 + p { /* h1直後のpタグ */
    color: #777;
    font-size: 0.9em;
    margin-bottom: 20px;
}

/* 投稿フォーム */
#mybb-post-form textarea {
    width: 100%;
    max-width: 600px; /* 必要に応じて調整 */
}
#mybb-post-form p {
    margin-bottom: 10px;
}