/*
Theme Name: E'clat Blog
Theme URI: https://bodyarteclat.com/
Author: RUNBIRD
Description: E'clat（エクラ）ブログ用テーマ。トップ・サービスページの静的HTMLとデザインを揃えています。
Version: 1.0.0
License: Proprietary
Text Domain: eclat
*/

/* 本体CSS（/assets/style.css）は functions.php で先に読み込んでいます。
   ここにはブログ固有の追加分だけを書きます。 */

/* 記事一覧カードをリンク化 */
.blog-card a{display:block;color:inherit}
.blog-card a:hover h3{color:var(--brand)}

/* 記事本文 */
.post-hero{
  position:relative;border-top:2px solid var(--brand);background:var(--bg-2);
  padding:calc(72px + clamp(56px,8vw,96px)) 0 clamp(40px,6vw,72px);
  border-bottom:1px solid var(--line);
}
@media(max-width:900px){.post-hero{padding-top:calc(60px + 52px)}}
.post-hero .meta{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.post-hero time{font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.16em;color:var(--ink-3)}
.post-hero h1{font-size:clamp(21px,3.2vw,34px);font-weight:400;letter-spacing:.05em;line-height:1.72}

.post-body{width:min(100% - 40px,760px);margin:clamp(48px,6vw,80px) auto clamp(56px,7vw,96px)}
.post-body > *{margin-bottom:1.9em}
.post-body p{font-size:15.5px;line-height:2.35;color:var(--ink)}
.post-body h2{
  font-size:clamp(18px,2.4vw,24px);font-weight:500;letter-spacing:.05em;line-height:1.8;
  margin-top:2.4em;padding-bottom:14px;border-bottom:1px solid var(--brand);
}
.post-body h3{font-size:17px;font-weight:500;letter-spacing:.04em;margin-top:2em;line-height:1.85}
.post-body ul,.post-body ol{padding-left:1.4em}
.post-body li{font-size:15px;line-height:2.15;margin-bottom:.5em}
.post-body img{margin-inline:auto}
.post-body blockquote{
  border-left:2px solid var(--brand);background:var(--bg-2);
  padding:20px 24px;font-size:14.5px;line-height:2.1;color:var(--ink-2);
}
.post-body strong{
  font-weight:500;color:var(--ink);
  background:linear-gradient(transparent 60%,rgba(87,91,108,.20) 60%);padding:0 1px;
}
.post-body a{color:var(--brand);border-bottom:1px solid var(--accent);padding-bottom:1px}
.post-body a:hover{opacity:.7}
.post-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:clamp(32px,4vw,52px)}

/* 記事下ナビ */
.post-nav{
  width:min(100% - 40px,760px);margin:0 auto clamp(56px,7vw,88px);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:26px;
}
.post-nav a{font-size:13.5px;letter-spacing:.04em;color:var(--ink-2);max-width:46%}
.post-nav a:hover{color:var(--brand)}
.post-nav .to-list{
  border:1px solid var(--line);padding:10px 20px;background:var(--white);
  max-width:none;transition:.22s;
}
.post-nav .to-list:hover{border-color:var(--brand);background:var(--brand);color:#fff}
@media(max-width:600px){.post-nav{flex-direction:column}.post-nav a{max-width:none}}

/* ページャ */
.pager{display:flex;justify-content:center;gap:10px;margin-top:clamp(40px,5vw,64px);flex-wrap:wrap}
.pager .page-numbers{
  min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);font-size:13.5px;background:var(--white);transition:.22s;
}
.pager .page-numbers.current,.pager .page-numbers:hover{background:var(--brand);color:#fff;border-color:var(--brand)}

/* 記事なし */
.no-post{text-align:center;padding:clamp(48px,7vw,90px) 0;color:var(--ink-2);font-size:14.5px;line-height:2.1}