/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Version: 1.0
*/

/* =========================================================
   Global tone (和風ダーク / 真鍮ゴールド)
   ========================================================= */

body{
  background-color:#0f1014; /* 完全な黒にしない */
  background-image:
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,0.02) 0px,
      rgba(255,255,255,0.02) 1px,
      transparent 1px,
      transparent 6px
    );
  color:#e8e2d6;
}

a{ color:#b08d57; }
a:hover{ opacity:0.85; }

header, footer{
  border-color: rgba(176,141,87,0.25);
}

/* =========================================================
   Header navigation (「蔵書検索」等をボタン風)
   ========================================================= */

.wp-block-navigation a{
  border:1px solid #c9a86a;
  padding:6px 14px;
  border-radius:4px;
  transition:.3s;
}
.wp-block-navigation a:hover{
  background:#c9a86a;
  color:#111 !important;
}

/* =========================================================
   Home (フロントページ)
   ========================================================= */

.home h1{
  margin-top:60px;
  margin-bottom:20px;
}

.home .wp-site-blocks{
  max-width:720px;
  margin:0 auto;
}

/* 表紙画像の影 */
.home .wp-block-image img{
  box-shadow:0 0 40px rgba(0,0,0,.6);
}

/* 中央の「蔵書検索」ボタン装飾（ボタンブロック） */
.wp-block-button__link{
  background: transparent !important;
  color: #c9a86a !important;
  border: 1px solid #c9a86a;
  padding: 14px 34px;
  border-radius: 999px;
  font-size: 20px;
  transition: 0.3s;
}
.wp-block-button__link:hover{
  background: #c9a86a !important;
  color: #111 !important;
  box-shadow: 0 0 12px rgba(201,168,106,0.5);
}
.wp-block-button{
  margin-top: 10px;
}

/* =========================================================
   Search & Filter (蔵書検索フォーム)
   - 現在は「キーワード検索 + 検索ボタン」の想定
   ========================================================= */

.searchandfilter,
.searchandfilter input,
.searchandfilter button{
  font-size:18px !important;
}

.searchandfilter{
  margin:40px 0;
}

/* ULを縦並び（入力欄の下に検索ボタン） */
.searchandfilter ul{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:14px !important;
  padding:0 !important;
  margin:0 !important;
}
.searchandfilter ul li{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* 検索テキスト：横幅いっぱい（上段） */
.searchandfilter input[type="text"]{
  width:100% !important;
  max-width: 600px;
  height:44px;
  padding:10px 14px;
  box-sizing:border-box;
}

/* ボタン：下段・中央寄せ */
.searchandfilter input[type="submit"]{
  display:block;
  height:44px;
  width:200px;
  margin:0 auto;
  padding:0 22px;
  background:#b08d57;
  color:#111;
  border:none;
  border-radius:6px;
  cursor:pointer;
}
.searchandfilter input[type="submit"]:hover{
  opacity:0.85;
}

/* =========================================================
   Search results (検索結果ページ)
   - 1行（タイトル｜著者｜状態）を26pxで統一
   ========================================================= */

body.search-results .wp-block-post-title,
body.search-results .wp-block-post-title a,
body.search-results .wp-block-shortcode,
body.search-results .wp-block-shortcode *,
body.search-results .wp-block-post-template p{
  font-size: 26px !important;
  line-height: 1.4;
}

/* 横並びの間隔 */
body.search-results .wp-block-post-template .wp-block-group.is-layout-flex{
  gap: 0.4em;
}

/* 「検索結果」の見出しの余白（必要なら） */
body.search-results .wp-block-heading{
  margin-bottom: .6em;
}

/* 検索結果に出る日付を非表示（保険） */
.search .wp-block-post-date,
.search time.wp-block-post-date,
.search .wp-block-post-date time{
  display:none !important;
}

/* =========================================================
   Archive pages (著者/状態などの一覧)
   ========================================================= */

/* すべてのアーカイブで日付を消す */
.archive .wp-block-post-date,
.archive time,
.archive .wp-block-post-date *,
.archive .wp-block-post-template time{
  display:none !important;
}

/* 一覧の間隔を詰める */
.archive .wp-block-post-template{
  gap: 1em !important;
  row-gap: 1em !important;
}

/* タイトルの上下余白 */
.archive .wp-block-post-title{
  margin: 0 0 .2em 0 !important;
}

/* 本棚風：PCは2カラム / スマホは1カラム */
@media (min-width: 860px){
  .archive .wp-block-post-template{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 2.2em !important;
    row-gap: 1.2em !important;
    padding-left: 0 !important;
    list-style: none !important;
  }
}
@media (max-width: 859px){
  .archive .wp-block-post-template{
    display: block !important;
  }
}

/* 各本のブロックをカード風（お好み） */
.archive .wp-block-post{
  padding: .8em 1em;
  border: 1px solid rgba(212,175,55,.25);
  border-radius: 10px;
  background: rgba(0,0,0,.15);
}
/* =========================================================
   Search & Filter (蔵書検索フォーム)  縦並び版
   - 入力欄：中央寄せで横幅広め
   - ボタン：入力欄の下に中央配置
   ========================================================= */

.searchandfilter ul{
  list-style:none;
  padding:0;
  margin:0;
}

.searchandfilter ul li{
  margin:0;
  padding:0;
}

/* キーワード入力欄 */
.searchandfilter input[type="text"]{
  display:block;
  width: min(760px, 92vw);
  max-width: 100%;
  margin: 0 auto;
}

/* 検索ボタン（下に配置） */
.searchandfilter input[type="submit"],
.searchandfilter button[type="submit"]{
  display:block;
  width: min(260px, 70vw);
  margin: 18px auto 0;
}