/* WP Show Posts: 日付 | タイトル のテーブル風（日付を左に） */

/* 行（罫線・余白） */
.wp-show-posts-single {
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
  margin: 0 !important;
  padding: 10px 0 !important;
}
.wp-show-posts-single:last-child { border-bottom: none !important; }
.wp-show-posts-inner { margin: 0 !important; padding: 0 !important; }

/* ★ ここが本命 — タイトルと日付の本当の親を flex に */
.wp-show-posts-entry-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline;
  gap: 16px;
  margin: 0 !important;
  padding: 0 !important;
}

/* 日付ブロック（左） — DOM後ろにあっても order で左へ */
.wp-show-posts-entry-meta {
  order: 0 !important;
  flex: 0 0 8em !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.9em !important;
  color: #888 !important;
  font-weight: 500 !important;
}
.wp-show-posts-entry-meta a {
  color: inherit !important;
  text-decoration: none !important;
}

/* タイトル（右） */
.wp-show-posts-entry-title {
  order: 1 !important;
  flex: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.wp-show-posts-entry-title a {
  color: inherit !important;
  text-decoration: none !important;
}
.wp-show-posts-entry-title a:hover {
  color: #d4a0a0 !important;
  text-decoration: underline !important;
}

/* 公開日と更新日が二重表示になってるので、更新日は隠す */
.wp-show-posts-updated { display: none !important; }

/* スマホは縦並び（日付を上に） */
@media (max-width: 480px) {
  .wp-show-posts-entry-header { flex-direction: column !important; gap: 2px; }
  .wp-show-posts-entry-meta { flex: none !important; }
}
/* === NEW! バッジ：日付とタイトルの間に表示 === */

/* タイトルの順番を2番目→3番目に下げて、間にスロットを作る */
.wp-show-posts-entry-title { order: 2 !important; }

/* 全行に固定幅の「NEW!スロット」を確保（並びを揃えるため空でも幅キープ） */
.wp-show-posts-entry-header::after {
  content: '';
  order: 1 !important;
  flex: 0 0 3.5em !important;
  color: #e63946;
  font-weight: 700;
  font-size: 0.85em;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

/* 一番上は常にNEW! */
.wp-show-posts-single:first-child .wp-show-posts-entry-header::after {
  content: 'NEW!';
}

/* カテゴリ「new」を付けた投稿もNEW! */
.wp-show-posts-single.category-new .wp-show-posts-entry-header::after {
  content: 'NEW!';
}