/* ===== works アーカイブのカードを「横幅いっぱい」に伸ばす ===== */

.post-type-archive-works .p-postList,
.tax-works-type .p-postList{
  text-align: left !important; /* 中央寄せを打ち消す */
}

@media (min-width: 768px){
  .post-type-archive-works .p-postList,
  .tax-works-type .p-postList{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}
@media (min-width: 960px){
  .post-type-archive-works .p-postList,
  .tax-works-type .p-postList{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* “細いカード”になる原因を潰す */
.post-type-archive-works .p-postList__item,
.tax-works-type .p-postList__item{
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* リンク要素が inline / inline-block だと縮むのでブロック化 */
.post-type-archive-works .p-postList__link,
.tax-works-type .p-postList__link{
  display: block !important;
  width: 100% !important;
}

/* サムネ枠も100%に */
.post-type-archive-works .p-postList__thumb,
.tax-works-type .p-postList__thumb{
  width: 100% !important;
}

/* サムネ画像は16:9で揃える */
.post-type-archive-works .p-postList__thumb img,
.tax-works-type .p-postList__thumb img{
  width: 100% !important;
  display: block !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  height: auto;
}

/* 抜粋2行 */
.post-type-archive-works .p-postList__excerpt,
.tax-works-type .p-postList__excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 日付非表示（必要なら） */
.post-type-archive-works time,
.tax-works-type time{
  display:none !important;
}


/* 施工事例カード：サムネ左上に「新築/リフォーム」バッジを重ねる */
.post-type-archive-works .p-postList__thumb,
.tax-works-type .p-postList__thumb{
  position: relative;
}

/* タイトル内にあるバッジを、サムネ上に“見せる” */
.post-type-archive-works .p-postList__title .works-badge,
.tax-works-type .p-postList__title .works-badge{
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  pointer-events: none;
}

/* バッジの見た目（すでにあるなら不要。調整用） */
.post-type-archive-works .works-badge,
.tax-works-type .works-badge{
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: .45em .7em;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(2px);
}