/* =========================================================
   WordPress用の追加スタイル（ブログ・ページ送りなど）
   ========================================================= */

/* 管理バー表示中のずれ */
.admin-bar header { top:32px; }
@media (max-width:782px){ .admin-bar header { top:46px; } }

/* チップがリンクのとき */
a.gallery-chip { display:inline-flex; align-items:center; gap:8px; text-decoration:none; }

/* 現場の様子：PCは「すべて見る」ボタン、スマホは「もっと見る」 */
.gallery-more-pc { margin-top:28px; }
@media (max-width:820px){ .gallery-more-pc { display:none !important; } }

/* 枠線だけのボタン（明るい背景用） */
html[data-theme="local"] .btn-outline { color:var(--ink); background:#fff; border:1.5px solid var(--ink); text-shadow:none; }

/* ---------- ブログ ---------- */
html[data-theme] .blog-latest { padding:72px 0; background:#fff; }
html[data-theme] .blog-list { padding:40px 0 80px; }
.post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.post-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; color:inherit; text-decoration:none; transition:transform .25s, box-shadow .25s; }
.post-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(16,39,60,.12); }
.post-thumb { aspect-ratio:16/10; background:#e6eef4; overflow:hidden; }
.post-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.post-body { padding:18px 20px 22px; display:flex; flex-direction:column; gap:6px; }
.post-meta { margin:0; display:flex; gap:10px; align-items:center; font-size:.76rem; color:var(--muted); }
.post-meta span { padding:2px 8px; border-radius:999px; background:var(--sky-pale, #eef5fa); color:var(--brand); font-weight:700; }
.post-body h3 { margin:0; font-size:1.02rem; line-height:1.6; color:var(--ink); }
.post-body p:last-child { margin:0; font-size:.84rem; color:var(--muted); }
@media (max-width:900px){ .post-grid { grid-template-columns:1fr; gap:16px; } }

/* 記事ページ */
html[data-theme] .article-body { padding:40px 0 72px; }
.article-wrap { max-width:780px; }
.article-thumb { margin:0 0 28px; border-radius:var(--radius); overflow:hidden; }
.article-thumb img { width:100%; height:auto; display:block; }
.entry-content { font-size:1rem; line-height:2; color:var(--ink); }
.entry-content h2 { margin:2.2em 0 .8em; padding-left:14px; border-left:4px solid var(--sky, var(--brand)); font-size:1.35rem; line-height:1.5; }
.entry-content h3 { margin:1.8em 0 .6em; font-size:1.12rem; }
.entry-content p { margin:0 0 1.4em; }
.entry-content img { max-width:100%; height:auto; border-radius:10px; }
.entry-content a { color:var(--brand); }
.entry-content ul, .entry-content ol { padding-left:1.4em; margin:0 0 1.4em; }
.entry-content blockquote { margin:1.6em 0; padding:16px 20px; background:var(--paper); border-radius:12px; }
.entry-content figure { margin:1.6em 0; }
.entry-content figcaption { font-size:.8rem; color:var(--muted); text-align:center; }

/* 前後の記事 */
.post-nav { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:40px auto 0; }
.post-nav a { display:block; padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); text-decoration:none; font-weight:700; font-size:.9rem; }
.post-nav a:hover { border-color:var(--brand); }
.post-nav small { display:block; font-size:.72rem; color:var(--muted); font-weight:500; }
.post-nav-next { text-align:right; }
html[data-theme] .work-detail .post-nav { margin-bottom:64px; }
@media (max-width:600px){ .post-nav { grid-template-columns:1fr; } .post-nav-next { text-align:left; } }

/* ページ送り */
.okishin-pager { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:36px; }
.okishin-pager .page-numbers { display:inline-grid; place-items:center; min-width:42px; height:42px; padding:0 12px; border:1px solid var(--line); border-radius:10px; background:#fff; color:var(--ink); text-decoration:none; font-weight:700; font-size:.9rem; }
.okishin-pager .page-numbers.current { background:var(--ink); color:#fff; border-color:var(--ink); }
.okishin-pager .dots { border:0; background:none; }

/* 施工実績 詳細：追加の項目 */
.detail-text { margin-top:28px; }
.detail-sub { margin:36px 0 14px; font-size:1.15rem; }
.detail-process { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.detail-process figure, html[data-theme] .detail-photos figure { margin:0; cursor:zoom-in; }
.detail-process img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; display:block; }
.detail-process figcaption { margin-top:6px; font-size:.8rem; color:var(--muted); }
.detail-voice { margin-top:32px; padding:22px 24px; border-radius:var(--radius); background:var(--sky-pale, #eef5fa); }
.detail-voice-label { margin:0 0 6px !important; font-weight:800; color:var(--brand); font-size:.85rem; }
.detail-voice p { margin:0; }
html[data-theme] .detail-photos .gallery-item figcaption { position:static; padding:0; background:none; color:var(--muted); }

/* 空のとき */
html[data-theme] .list-empty { padding:40px; border-radius:var(--radius); background:var(--paper); text-align:center; color:var(--muted); font-size:.9rem; }