/* =============================================================================
 * archive.css
 * -----------------------------------------------------------------------------
 * 役割: 新着一覧・アーカイブページのサムネイル表示（テーマ非依存・FB[C]対応）
 *
 * 背景:
 *   Cocoon のデフォルトスキンでは、一覧ページにアイキャッチが表示されない
 *   ことがある。テーマ側 CSS を上書きして、既存のサムネを 16:9・横300px程度で
 *   中央クロップ表示する。
 *
 * 方針:
 *   - Cocoon 標準クラス（.entry-card / .post-list-item など）をターゲット。
 *   - テーマCSSの打ち消しが必要な箇所のみ !important を最小限に使用。
 *   - 単体投稿ページには影響させない（is_home / is_archive 時のみ読み込み）。
 * ========================================================================== */

/* サムネイル枠（16:9・横300px目安） */
.entry-card-thumb,
.entry-card .entry-card-thumb,
.post-list-item .entry-card-thumb,
.card-thumb,
.entry-card-wrap .entry-card-thumb {
  display: block !important;
  width: 300px;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
}

/* サムネ画像本体：中央クロップ（上下に長い画像も中央を切り出す） */
.entry-card-thumb img,
.entry-card .entry-card-thumb img,
.post-list-item .entry-card-thumb img,
.card-thumb img,
.entry-card-thumb-image,
img.entry-card-thumb-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block;
}

/* サムネが無い投稿の「NO IMAGE」枠も同じ比率に揃える（崩れ防止） */
.no-image,
.entry-card-thumb .no-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* レスポンシブ: 狭い画面ではカード幅に追従 */
@media (max-width: 480px) {
  .entry-card-thumb,
  .entry-card .entry-card-thumb,
  .post-list-item .entry-card-thumb,
  .card-thumb {
    width: 100%;
  }
}