/*
Theme Name: Acrus Care Taxi Child
Theme URI: https://example.com/
Template: acrus-care-taxi
Author: Your Studio
Description: 「あくらす介護タクシー」の子テーマです。カスタムCSSやテンプレートの上書きはこのフォルダ内で行ってください（親テーマの更新の影響を受けません）。
Version: 1.0.1
Text Domain: acrus-care-taxi-child
*/

/* ここに追加・上書きしたいCSSを記述してください。 */

/* ===== 新着情報：投稿カード（PC4列×2段／スマホ2列×3段） =====
   親テーマの .blog-grid は display:table の旧レイアウトなので、
   衝突を避けるため別クラスで新しく組んでいる。 */
.news-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:34px 26px;
  margin:0;
  padding:0;
  list-style:none;
}
.news-cards > li{margin:0;padding:0;list-style:none;}
.news-card > a{
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
  color:inherit;
}
.news-card .thumb{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  border-radius:14px;
  background-size:cover;
  background-position:center;
  background-color:#efe7db;
  overflow:hidden;
  transition:transform .6s ease, box-shadow .3s ease;
}
/* アイキャッチ未設定でも崩れないように、下地を用意しておく */
.news-card .thumb.no-image{
  background-image:linear-gradient(135deg,#f7eedc 0%,#efe3cf 60%,#e8dcc6 100%);
  position:relative;
}
.news-card .thumb.no-image::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:34px;height:34px;
  margin:-17px 0 0 -17px;
  border-radius:11px 11px 15px 15px;
  background:rgba(232,91,36,.22);
}
.news-card > a:hover .thumb{transform:translateY(-4px);box-shadow:0 14px 30px rgba(65,48,27,.13);}
.news-card .card-body{display:block;padding:14px 2px 0;}
.news-card .card-meta{display:flex;align-items:center;gap:10px;margin-bottom:7px;}
.news-card .card-meta time{
  font-family:'Jost',sans-serif;
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--accent);
}
.news-card .card-meta .tag{
  font-size:.68rem;
  padding:2px 9px;
  border-radius:99px;
  background:#f0ece3;
  color:#6d6960;
  white-space:nowrap;
}
.news-card .card-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:.98rem;
  font-weight:700;
  line-height:1.65;
  margin-bottom:6px;
}
.news-card .card-excerpt{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:.8rem;
  line-height:1.8;
  color:var(--sub,#716e68);
}
.news-more{text-align:center;margin-top:52px;}
.news-more-btn{
  display:inline-block;
  padding:14px 44px;
  border:1.5px solid var(--accent);
  border-radius:99px;
  color:var(--accent);
  background:transparent;
  font-weight:700;
  font-size:.92rem;
  letter-spacing:.06em;
  text-decoration:none;
  transition:background .25s ease,color .25s ease;
}
.news-more-btn:hover{background:var(--accent);color:#fff;}
.news-pager{display:flex;justify-content:center;gap:10px;margin-top:50px;flex-wrap:wrap;}
.news-pager .page-numbers{
  display:inline-block;padding:9px 15px;border-radius:9px;
  background:#f2ede4;color:#5d5951;text-decoration:none;font-size:.88rem;
}
.news-pager .page-numbers.current{background:var(--accent);color:#fff;}

@media(max-width:900px){
  .news-cards{grid-template-columns:repeat(2,1fr);gap:24px 16px;}
  /* スマホは2列×3段＝6件まで。7件目以降は隠す */
  .news-cards > li:nth-child(n+7){display:none;}
  .news-card .card-excerpt{display:none;}
  .news-more{margin-top:38px;}
}
/* 過去記事一覧では件数を絞らない */
@media(max-width:900px){
  .news-archive .news-cards > li:nth-child(n+7){display:block;}
}