/* ==========================================================================
   archive-webinar.css — archive-webinar.php 専用のスタイル（そのテンプレートのときだけ読み込む。inc/setup.php）
   テンプレートのインラインスタイルを移したもの。
   インラインスタイルと同じ強さで効くよう、クラスを二重にして詳細度を上げている（.x.x）
   ========================================================================== */

/* <div> */
.pg-archive-webinar__list.pg-archive-webinar__list { display:flex; flex-direction:column; gap:16px; margin-top:48px; }

/* <a .c-card> */
.pg-archive-webinar__card.pg-archive-webinar__card { flex-direction:row; align-items:center; gap:24px; padding:26px 32px; }

/* <span .c-badge> */
.pg-archive-webinar__status.pg-archive-webinar__status { flex:none; }

/* <div> */
.pg-archive-webinar__body.pg-archive-webinar__body { flex:1; min-width:0; }

/* <div> */
.pg-archive-webinar__title.pg-archive-webinar__title { font-size:var(--fs-i-17); font-weight:700; line-height:1.7; }

/* <div> */
.pg-archive-webinar__meta.pg-archive-webinar__meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:10px; }

/* <div .c-news-list__empty> */
.pg-archive-webinar__empty.pg-archive-webinar__empty { background:#fff; border-radius:12px; margin-top:48px; }

/* ---- アイキャッチ（旧テーマと同じく一覧に表示）＋開催状態バッジを画像の左上に重ねる ---- */
.pg-archive-webinar__row.pg-archive-webinar__row { padding: 20px 32px 20px 20px; }
.pg-archive-webinar__thumb.pg-archive-webinar__thumb { position: relative; flex: none; width: 240px; }
.pg-archive-webinar__thumb-img.pg-archive-webinar__thumb-img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--radius-md); background: var(--surface-alt); }
.pg-archive-webinar__badge.pg-archive-webinar__badge { position: absolute; top: 10px; left: 10px; box-shadow: 0 2px 6px rgba(0, 16, 56, .15); }
.pg-archive-webinar__badge.c-badge--archive { background: var(--surface-card); }
@media (max-width: 1023px) {
  .pg-archive-webinar__thumb.pg-archive-webinar__thumb { width: 200px; }
}
@media (max-width: 767px) {
  .pg-archive-webinar__row.pg-archive-webinar__row { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px; }
  .pg-archive-webinar__thumb.pg-archive-webinar__thumb { width: 100%; }
}