/*
Theme Name: Sakide Blog
Theme URI: https://sakide-kaikei.com/blog/
Author: 崎出会計事務所
Description: 崎出会計事務所のサイト(C案)に合わせたブログ用テーマ。見た目の大半は、サイト本体の css/renewal.css を読み込んで共通化しています。
Version: 1.1.0
Text Domain: sakide-blog
*/

/* ===== WordPress 用の追加スタイル(サイト本体CSSにない部分だけ) ===== */
.blog-card{display:block;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
a.blog-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.blog-card .blog-thumb{margin:-28px -26px 18px;aspect-ratio:16/9;overflow:hidden;background:var(--bg-soft,#f4f6f9)}
.blog-card .blog-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card .blog-cat{display:block;margin-top:6px;font-size:12px;color:var(--ink-sub);letter-spacing:.06em}
.blog-card .blog-excerpt{margin-top:10px;font-size:14px;color:var(--ink-sub);line-height:1.9}
.blog-empty{text-align:center;color:var(--ink-sub);padding:40px 0}

.pagination,.nav-links{margin-top:48px}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.nav-links .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--navy-800);text-decoration:none;font-size:14px;background:#fff}
.nav-links .page-numbers.current{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.nav-links a.page-numbers:hover{border-color:var(--gold)}

.article-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:12px}
.article-meta time{margin-top:0!important}
.article-meta .cat{font-size:13px;color:var(--ink-sub)}
.article-meta .cat a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.article-eyecatch{margin:24px 0 8px}
.article-eyecatch img{width:100%;height:auto;display:block}

.prose img,.prose video,.prose iframe{max-width:100%;height:auto}
.prose figure{margin:28px 0}
.prose figcaption,.prose .wp-caption-text{margin-top:8px;font-size:13px;color:var(--ink-sub);text-align:center}
.prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:3px solid var(--gold);color:var(--ink-sub)}
.prose ol{margin:14px 0 0 4px;counter-reset:ol}
.prose ol li{counter-increment:ol;padding-left:28px}
.prose ol li::before{content:counter(ol) ".";width:auto;height:auto;background:none;top:0;color:var(--gold);font-family:var(--serif)}
.prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14.5px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}
.prose th{background:var(--bg-soft,#f4f6f9);color:var(--navy-800);font-weight:600}
.prose a{color:var(--navy-700);text-decoration:underline;text-underline-offset:3px}
.prose .alignleft{float:left;margin:0 24px 12px 0}
.prose .alignright{float:right;margin:0 0 12px 24px}
.prose .aligncenter{display:block;margin-inline:auto}
.prose::after{content:"";display:block;clear:both}

.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.post-nav a{color:var(--navy-800);text-decoration:none;font-size:14px;line-height:1.7}
.post-nav a:hover{color:var(--gold)}
.post-nav .next{text-align:right}
.post-nav small{display:block;color:var(--ink-sub);font-size:12px;letter-spacing:.08em}
@media (max-width:860px){.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}.blog-card .blog-thumb{margin:-28px -26px 16px}}

.search-form{display:flex;gap:8px;max-width:420px;margin-top:24px}
.search-form input[type=search]{flex:1;padding:12px 14px;border:1px solid var(--line);font:inherit}
.search-form button{padding:0 20px;border:0;background:var(--navy-800);color:#fff;font:inherit;cursor:pointer}
.screen-reader-text{position:absolute;left:-9999px}

.article-back .text-link,.narrow .text-link{color:var(--navy-800);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px;font-size:14px}
.article-back .text-link:hover{color:var(--gold)}

/* カテゴリーナビ */
.cat-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
.cat-nav a{padding:8px 20px;border:1px solid var(--line);background:#fff;color:var(--navy-800);text-decoration:none;font-size:14px;letter-spacing:.06em;transition:border-color .2s,background .2s}
.cat-nav a:hover{border-color:var(--gold)}
.cat-nav a.is-current{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.article-meta .cat a:hover{color:var(--gold);border-color:var(--gold)}