/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* === 施工実績グリッド（Lightning対応の汎用CSS） === */
.works-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr)); /* PC 3列 */
  gap: clamp(12px, 2vw, 20px);
}

/* タブレット：2列 */
@media (max-width: 1024px){
  .works-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* スマホ：1列 */
@media (max-width: 640px){
  .works-grid{ grid-template-columns: 1fr; }
}

.works-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  overflow:hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  transition: transform .2s ease, box-shadow .2s ease;
}
.works-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.works-card-link{ display:block; color:inherit; text-decoration:none; height:100%; }

.works-thumb{
  position:relative;
  aspect-ratio: 16 / 9;         /* Lightningのサムネ比率に合わせて調整可 */
  background:#f5f5f5;
  overflow:hidden;
}
.works-thumb-img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* 右上のカテゴリー・バッジ */
.works-badge{
  position:absolute; top:10px; right:10px;
  padding:4px 10px;
  font-size:12px; line-height:1; font-weight:600;
  color:#fff;
  background: var(--vk-color-primary, #1e50a2); /* Lightningのプライマリを継承 */
  border-radius: 9999px;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  pointer-events: none; /* クリックを邪魔しない */
}

.works-body{ padding:14px 16px 18px; }
.works-title{
  font-size: clamp(16px, 2vw, 18px);
  line-height:1.4;
  margin: 2px 0 8px;
}
.works-lead{
  font-size:14px;
  color: var(--vk-color-text-light, #666);
  margin-bottom:6px;
  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;
}
.works-excerpt{
  font-size:13px;
  color:#888;
  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;
}

/* キーボード操作のフォーカス見やすく */
.works-card-link:focus{
  outline: 2px solid var(--vk-color-primary, #1e50a2);
  outline-offset: 2px;
  border-radius: 16px;
}

/* 施工カテゴリー（works_category）を「お知らせ」風に */
.widget_works_tax .works-tax-list{
  margin:0; padding:0;
  list-style:none;
  border-top: 1px solid var(--vk-color-border, #e5e7eb);
}
.widget_works_tax .works-tax-list > li{
  margin:0; padding:0;
  border-bottom: 1px solid var(--vk-color-border, #e5e7eb);
}

.widget_works_tax .works-tax-list a{
  display:block;
  padding:10px 0;
  text-decoration:none;
  color: var(--vk-color-text, #333);
  transition: color .15s ease;
}

/* 件数 (1) の見た目を薄める */
.widget_works_tax .works-tax-list .count{
  opacity:.7;
  margin-left:.4em;
  font-size:.95em;
}

/* ホバー時は「お知らせ」同様に主色へ */
.widget_works_tax .works-tax-list a:hover{
  color: var(--vk-color-primary, #1e50a2);
}

.widget_works_tax .works-tax-list .children{
  margin:0; padding-left:1rem; /* インデント */
  border-top:none;
}