/* 最新記事カルーセル (premier_v3 標準装備) */
.pc-wrap { position: relative; margin-top: 1.5rem; }
.pc-row { overflow: hidden; }
.pc-row + .pc-row { margin-top: 18px; }
.pc-track { display: flex; gap: 18px; width: max-content; will-change: transform; }

/* 手動モード: スワイプ / ドラッグスクロール + 矢印 */
.pc-mode-manual .pc-row { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pc-mode-manual .pc-row::-webkit-scrollbar { display: none; }

.pc-card { width: min(320px, 78vw); flex: 0 0 auto; scroll-snap-align: start; }
.pc-card .wp-block-latest-posts__featured-image { margin: 0; }
.pc-card img { width: 100%; height: auto; border-radius: 10px; display: block; }
.pc-card .wp-block-latest-posts__post-title { display: block; margin-top: 0.6rem; font-weight: 700; font-size: 0.95rem; line-height: 1.45; }
.pc-card .wp-block-latest-posts__post-date { display: block; margin-top: 0.25rem; font-size: 0.78rem; opacity: 0.65; }
/* カルーセルでは抜粋と「続きを読む」は非表示 (カードを画像+タイトルに圧縮) */
.pc-card .wp-block-latest-posts__post-excerpt { display: none; }

/* 自動スライド (マーキー)。ホバーで一時停止 */
@keyframes pc-left  { from { transform: translateX(0); }     to { transform: translateX(-50%); } }
@keyframes pc-right { from { transform: translateX(-50%); }  to { transform: translateX(0); } }
.pc-anim-left  { animation: pc-left  linear infinite; }
.pc-anim-right { animation: pc-right linear infinite; }
.pc-mode-auto .pc-row:hover .pc-track { animation-play-state: paused; }

/* 矢印ボタン (手動モードのみ表示) */
.pc-nav { position: absolute; top: -3.4rem; right: 0; display: flex; gap: 8px; }
.pc-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.06); color: inherit; cursor: pointer; font-size: 15px; line-height: 1; }
.pc-btn:hover { background: rgba(255, 255, 255, 0.16); }

@media (prefers-reduced-motion: reduce) {
  .pc-anim-left, .pc-anim-right { animation: none; }
}

/* カルーセル化済みの元グリッドは常に非表示 (インラインstyleが他JSに消されても効くようCSSで固定) */
ul.premier-latest-posts[data-pc-done] { display: none !important; }