/*
Theme Name: JUST BEING
Theme URI: https://justbeing.jp
Author: JUST BEING
Description: JUST BEING オリジナルFSEブロックテーマ v0.2。松枝洋から出てくる発信内容が並ぶ「自分のニュースポータル」。v0.1 の最小構成を引き継ぎ、ニュースポータル型の閲覧体験(カテゴリータブ・トピックス・2カラム+サイドバー・サムネ付きリスト・NEWバッジ)を追加。お知らせ(notice)は別枠表示。サイト固有機能は jb-core プラグインが担当(テーマ非依存)。
Version: 0.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: justbeing
*/

/* ===== theme.json で賄えない補助スタイル ===== */

/* --- ヘッダー(スクロールしても上部に残る) --- */
.jb-header{position:sticky;top:0;z-index:100;background:var(--wp--preset--color--base);border-bottom:1px solid var(--wp--preset--color--line);}
.admin-bar .jb-header{top:32px;}
@media(max-width:782px){.admin-bar .jb-header{top:46px;}}
.jb-header .wp-block-site-title a{text-decoration:none;color:var(--wp--preset--color--contrast);letter-spacing:.12em;}
.jb-header .wp-block-search{flex:0 1 300px;}
.jb-header .wp-block-search__input{border:1px solid var(--wp--preset--color--line);border-radius:999px;padding:6px 14px;font-size:14px;background:var(--wp--preset--color--surface);}
.jb-header .wp-block-search__inside-wrapper{border:none;padding:0;}
.jb-header .wp-block-search__button{border-radius:999px;background:transparent;color:var(--wp--preset--color--muted);padding:4px 8px;margin-left:-40px;}
@media(max-width:600px){.jb-header .wp-block-search{flex-basis:150px;}}

/* --- カテゴリータブ(横スクロール、現在地に下線) --- */
.jb-tabs{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid var(--wp--preset--color--line);}
.jb-tabs::-webkit-scrollbar{display:none;}
.jb-tabs > p,.jb-tabs .wp-block-categories{margin:0!important;}
.jb-tabs .wp-block-categories{display:flex;flex-wrap:nowrap;list-style:none;padding:0;}
.jb-tabs li{list-style:none;white-space:nowrap;}
.jb-tabs a{display:block;white-space:nowrap;padding:10px 14px 8px;font-size:14.5px;font-weight:600;color:var(--wp--preset--color--contrast);text-decoration:none;border-bottom:3px solid transparent;}
.jb-tabs a:hover{color:var(--wp--preset--color--highlight);}
.jb-tabs .current-cat > a,
.home .jb-tabs .jb-tab-home a{border-bottom-color:var(--wp--preset--color--highlight);color:var(--wp--preset--color--highlight);}
.jb-tabs .cat-item-none{padding:10px 14px;font-size:13px;color:var(--wp--preset--color--muted);}

/* --- お知らせ帯(トップ最上部・1件) --- */
.jb-noticebar{background:var(--wp--preset--color--surface);border-bottom:1px solid var(--wp--preset--color--line);font-size:14px;}
.jb-noticebar .wp-block-post-template{margin:0;}
.jb-noticebar .wp-block-post-title{font-size:14px;font-weight:500;margin:0;}
.jb-noticebar .wp-block-post-title a{color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-noticebar .wp-block-post-title a:hover{text-decoration:underline;}
.jb-noticebar .wp-block-post-date{font-size:12.5px;color:var(--wp--preset--color--muted);}
.jb-label{display:inline-block;flex-shrink:0;font-size:11.5px;font-weight:700;line-height:1;color:#fff;background:var(--wp--preset--color--highlight);border-radius:3px;padding:5px 8px;margin:0!important;letter-spacing:.06em;}

/* --- セクション見出し(左の縦線 + 右に「一覧」) --- */
.jb-sec-head{border-bottom:2px solid var(--wp--preset--color--contrast);padding-bottom:6px;margin-bottom:0;}
.jb-sec-head h2{font-size:17px;margin:0;padding-left:10px;border-left:4px solid var(--wp--preset--color--highlight);line-height:1.3;}
.jb-sec-head p{margin:0;font-size:13px;}
.jb-sec-head p a{color:var(--wp--preset--color--muted);text-decoration:none;}
.jb-sec-head p a:hover{color:var(--wp--preset--color--highlight);}

/* --- 見出しリスト(トップの新着・Yahoo!トピックス風) --- */
.jb-headlines .wp-block-post-template{margin:0;padding:0;}
.jb-headlines .wp-block-post-template > li{border-bottom:1px solid var(--wp--preset--color--line);margin:0!important;}
.jb-headlines .jb-row{padding:11px 2px;gap:12px;}
.jb-headlines .wp-block-post-title{font-size:16px;font-weight:600;line-height:1.55;margin:0;flex:1;}
.jb-headlines .wp-block-post-title a{color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-headlines .wp-block-post-title a:hover{color:var(--wp--preset--color--accent);text-decoration:underline;}
.jb-headlines .wp-block-post-date{font-size:12.5px;color:var(--wp--preset--color--muted);white-space:nowrap;}

/* トップ記事(先頭1件を大きく) */
.jb-lead .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;}
.jb-lead .wp-block-post-title{font-size:22px;line-height:1.5;margin:10px 0 4px;}
.jb-lead .wp-block-post-title a{color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-lead .wp-block-post-title a:hover{color:var(--wp--preset--color--accent);}
.jb-lead .wp-block-post-excerpt{color:var(--wp--preset--color--muted);font-size:14.5px;margin:0;}
.jb-lead .wp-block-post-excerpt__excerpt{margin:0;}

/* NEW バッジ(functions.php が付与) */
.jb-new{display:inline-block;vertical-align:2px;margin-left:8px;font-size:10.5px;font-weight:700;line-height:1;color:var(--wp--preset--color--highlight);border:1px solid var(--wp--preset--color--highlight);border-radius:2px;padding:2px 4px;letter-spacing:.04em;}

/* カテゴリー名の小札 */
.jb-cat a,.jb-cat{font-size:12px;color:var(--wp--preset--color--muted);text-decoration:none;}
.jb-cat a:hover{color:var(--wp--preset--color--highlight);}

/* --- 記事リスト(一覧・検索: 本文左/サムネ右) --- */
.jb-list .wp-block-post-template{margin:0;padding:0;}
.jb-list .wp-block-post-template > li{border-bottom:1px solid var(--wp--preset--color--line);margin:0!important;}
.jb-list .jb-item{padding:16px 0;gap:16px;align-items:flex-start;flex-wrap:nowrap!important;}
.jb-list .jb-item-body{flex:1;min-width:0;}
.jb-list .wp-block-post-title{font-size:17px;line-height:1.55;margin:0 0 4px;}
.jb-list .wp-block-post-title a{color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-list .wp-block-post-title a:hover{color:var(--wp--preset--color--accent);text-decoration:underline;}
.jb-list .wp-block-post-excerpt{font-size:14px;color:var(--wp--preset--color--muted);margin:0 0 4px;line-height:1.75;}
.jb-list .wp-block-post-excerpt__excerpt{margin:0;}
.jb-list .wp-block-post-featured-image{flex:0 0 132px;margin:0;}
.jb-list .wp-block-post-featured-image img{width:132px;aspect-ratio:4/3;object-fit:cover;border-radius:4px;}
@media(max-width:600px){
  .jb-list .wp-block-post-featured-image{flex-basis:96px;}
  .jb-list .wp-block-post-featured-image img{width:96px;}
  .jb-list .wp-block-post-excerpt{display:none;}
  .jb-list .wp-block-post-title{font-size:15.5px;}
}
.jb-meta{gap:10px;font-size:12.5px;color:var(--wp--preset--color--muted);}
.jb-meta > *{margin:0!important;}


/* --- サイドバーの箱 --- */
.jb-box{background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line);border-radius:6px;overflow:hidden;}
.jb-box > h2,.jb-box-head{font-size:15px;margin:0;padding:10px 14px;background:var(--wp--preset--color--surface);border-bottom:1px solid var(--wp--preset--color--line);}
.jb-box-head h2{font-size:15px;margin:0;}
.jb-box-head p{margin:0;font-size:12.5px;}
.jb-box-head p a{color:var(--wp--preset--color--muted);text-decoration:none;}
.jb-box-body{padding:4px 14px 10px;}
.jb-box .wp-block-post-template{margin:0;padding:0;}
.jb-box .wp-block-post-template > li{border-bottom:1px dashed var(--wp--preset--color--line);padding:8px 0;margin:0!important;}
.jb-box .wp-block-post-template > li:last-child{border-bottom:none;}
.jb-box .wp-block-post-title{font-size:14px;font-weight:500;line-height:1.6;margin:0;}
.jb-box .wp-block-post-title a{color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-box .wp-block-post-title a:hover{color:var(--wp--preset--color--accent);text-decoration:underline;}
.jb-box .wp-block-post-date{font-size:12px;color:var(--wp--preset--color--muted);margin:0;}
.jb-box .wp-block-categories,.jb-box .wp-block-archives{list-style:none;padding:0;margin:0;font-size:14px;}
.jb-box .wp-block-categories li,.jb-box .wp-block-archives li{border-bottom:1px dashed var(--wp--preset--color--line);padding:7px 0;}
.jb-box .wp-block-categories li:last-child,.jb-box .wp-block-archives li:last-child{border-bottom:none;}
.jb-box .wp-block-categories a,.jb-box .wp-block-archives a{color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-box .wp-block-categories a:hover,.jb-box .wp-block-archives a:hover{color:var(--wp--preset--color--accent);}
.jb-box .wp-block-tag-cloud{padding:10px 0 4px;}
.jb-box .wp-block-tag-cloud a{display:inline-block;font-size:12.5px!important;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:999px;padding:2px 10px;margin:0 4px 6px 0;color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-box .wp-block-tag-cloud a:hover{border-color:var(--wp--preset--color--highlight);color:var(--wp--preset--color--highlight);}
.jb-empty{font-size:13px;color:var(--wp--preset--color--muted);margin:8px 0!important;}

/* --- 個別記事 --- */
.jb-crumb{font-size:12.5px;color:var(--wp--preset--color--muted);gap:6px;}
.jb-crumb > *{margin:0!important;}
.jb-crumb a{color:var(--wp--preset--color--muted);text-decoration:none;}
.jb-crumb a:hover{color:var(--wp--preset--color--highlight);}
.jb-article-title{font-size:clamp(22px,3.4vw,28px)!important;line-height:1.5!important;margin:10px 0 8px!important;}
.jb-article .wp-block-post-featured-image img{border-radius:6px;}
.jb-article .wp-block-post-content{font-size:17px;line-height:2;}
.jb-article .wp-block-post-content > *{margin-block-start:1.2em;}
.jb-article .wp-block-post-content h2{font-size:20px;border-bottom:2px solid var(--wp--preset--color--contrast);padding-bottom:6px;margin-top:2em;}
.jb-article .wp-block-post-content h3{font-size:18px;padding-left:10px;border-left:4px solid var(--wp--preset--color--highlight);margin-top:1.8em;}
.jb-article .wp-block-post-content blockquote{border-left:3px solid var(--wp--preset--color--line);padding-left:16px;color:var(--wp--preset--color--muted);}
.jb-tags a{display:inline-block;font-size:12.5px;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:999px;padding:2px 10px;margin:0 2px 6px 0;color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-tags a::before{content:"#";color:var(--wp--preset--color--muted);}
.jb-tags .wp-block-post-terms__separator{display:none;}
.jb-postnav{border-top:1px solid var(--wp--preset--color--line);border-bottom:1px solid var(--wp--preset--color--line);padding:14px 0;font-size:14px;gap:16px;}
.jb-postnav a{color:var(--wp--preset--color--contrast);text-decoration:none;}
.jb-postnav a:hover{color:var(--wp--preset--color--accent);}

/* --- アーカイブ見出し --- */
.jb-archive-head{border-bottom:2px solid var(--wp--preset--color--contrast);padding-bottom:8px;}
.jb-archive-head h1{font-size:22px!important;margin:0;}
.jb-archive-head .wp-block-term-description{font-size:14px;color:var(--wp--preset--color--muted);margin:6px 0 0;}

/* --- ページ送り --- */
.wp-block-query-pagination{font-size:14px;gap:6px;}
.wp-block-query-pagination-numbers .page-numbers{display:inline-block;min-width:34px;text-align:center;padding:4px 8px;border:1px solid var(--wp--preset--color--line);border-radius:4px;color:var(--wp--preset--color--contrast);text-decoration:none;}
.wp-block-query-pagination-numbers .page-numbers.current{background:var(--wp--preset--color--contrast);color:#fff;border-color:var(--wp--preset--color--contrast);}

/* --- フッター --- */
.jb-footer a{color:var(--wp--preset--color--muted);text-decoration:none;}
.jb-footer a:hover{color:var(--wp--preset--color--contrast);}

/* --- トップへ戻る(CSSのみ) --- */
.jb-totop{position:fixed;right:16px;bottom:20px;z-index:90;width:42px;height:42px;border-radius:50%;background:var(--wp--preset--color--contrast);color:#fff!important;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;opacity:.75;}
.jb-totop:hover{opacity:1;}

/* --- 2カラム: モバイルでは本文→サイドバーの順に縦積み --- */
@media(max-width:781px){.jb-columns{gap:28px!important;}}
:focus-visible{outline:2px solid var(--wp--preset--color--highlight);outline-offset:2px;}

/* --- 白カード(メイン列の各セクション) --- */
.jb-card{background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line);border-radius:8px;padding:18px 20px 20px;}
.jb-card > * + *{margin-block-start:12px;}
@media(max-width:600px){.jb-card{padding:14px 14px 16px;border-radius:0;border-left:none;border-right:none;margin-left:-16px!important;margin-right:-16px!important;}}

/* お知らせが0件ならトップの帯ごと出さない */
.jb-noticebar:not(:has(.wp-block-post-template li)){display:none;}

/* お知らせ一覧: 日付を固定幅に */
.jb-headlines .jb-row > .wp-block-post-date:first-child{flex:0 0 86px;}