/* ==========================================================================
   TB Works Display — /works/ ・ /architects/works/ 共通CSS
   旧 archive-works.php 内の <style> を移設。
   変更点：
   - カード写真の角丸 → 0（ピン角）
   - 検索フォーム各項目の角丸 → 0（ピン角）
   - 検索フォームの高さ 2rem → 1.8rem
   ========================================================================== */

/* フルワイド化 */
.tb-works-archive{ width:100vw; margin-left:calc(50% - 50vw); padding:2.5rem 4vw 4rem; box-sizing:border-box; }
.tb-works-head{ max-width:1680px; margin:0 auto 2.2rem; }
.tb-works-head .eyebrow{ font-size:.8rem; letter-spacing:.2em; color:#9c5638; margin:0 0 .3rem; }
.tb-works-head h1{ font-size:1.8rem; margin:0 0 .6rem; line-height:1.4; }
.tb-works-head .desc{ font-size:.92rem; color:inherit; margin:0 0 1.6rem; }

/* カード4列×5段 */
.tb-grid{ max-width:1680px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:1.8rem 1.5rem; }
.tb-card{ display:block; text-decoration:none; color:inherit; }
.tb-card .thumb{ aspect-ratio:4/3; overflow:hidden; background:#eee; border-radius:0; } /* ピン角 */
.tb-card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.tb-card:hover .thumb img{ transform:scale(1.04); }
.tb-card h3{ font-size:1rem; margin:.7rem 0 .25rem; line-height:1.5; }
.tb-card .meta{ font-size:.8rem; color:inherit; margin:0; line-height:1.7; }

.tb-empty{ max-width:1680px; margin:2rem auto; color:#8a8175; }

/* ページネーション */
.tb-pager{ max-width:1680px; margin:2.8rem auto 0; display:flex; justify-content:center; gap:.4rem; flex-wrap:wrap; }
.tb-pager .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:2.4rem; height:2.4rem; padding:0 .6rem; border:1px solid #ddd; border-radius:0; text-decoration:none; color:#333; font-size:.9rem; }
.tb-pager a.page-numbers:hover{ background:#f3efe9; }
.tb-pager .page-numbers.current{ background:#111; color:#fff; border-color:#111; }
.tb-pager .page-numbers.dots{ border:0; }

@media(max-width:1100px){ .tb-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .tb-grid{ grid-template-columns:1fr; } }

/* ===== 検索フォーム ===== */
.tb-works-archive form.vk-filter-search{
  display:flex !important; flex-wrap:wrap; align-items:flex-end;
  gap:.8rem 1rem; max-width:1680px; margin:0 auto 1rem !important;
}
.tb-works-archive form.vk-filter-search .vkfs__outer-wrap{
  width:auto !important; max-width:none !important; min-width:0 !important;
  flex:0 0 auto !important; padding:0 !important; margin:0 !important;
}
.tb-works-archive .vkfs__input-form{ width:100% !important; box-sizing:border-box; }

/* 高さ：1.8rem（旧2rem→変更） */
.tb-works-archive form.vk-filter-search input.vkfs__input-form,
.tb-works-archive form.vk-filter-search select.vkfs__input-form,
.tb-works-archive form.vk-filter-search div.vkfs__input-form > input,
.tb-works-archive #cy-year .cy-range select{
  height:1.8rem !important; min-height:1.8rem !important; max-height:1.8rem !important;
  border-radius:0 !important; /* ピン角 */
}

/* キーワード＝広め（【B】のみ表示される） */
.tb-works-archive form.vk-filter-search .vkfs__keyword{ flex:0 0 22rem; max-width:22rem; }
/* タクソノミー項目＝同じ幅で揃える */
.tb-works-archive form.vk-filter-search .vkfs__taxonomy{ flex:0 0 13rem; max-width:13rem; border-radius:0 !important; }
/* 竣工年（自作）＝範囲UIなので少し広め */
.tb-works-archive #cy-year{ flex:0 0 18rem; max-width:18rem; display:flex; flex-direction:column; }
.tb-works-archive #cy-year .cy-range{ display:flex; align-items:center; gap:.4rem; }
.tb-works-archive #cy-year .cy-range select{ flex:1; width:100% !important; }

/* 検索ボタンは非表示（ダイレクト検索を使用） */
.tb-works-archive .vkfs__submit{ display:none !important; }
/* リセット（文字リンク） */
.tb-works-archive .tb-reset{ max-width:1680px; margin:.2rem auto 2rem; text-align:right; }
.tb-works-archive .tb-reset a{ font-size:.82rem; color:#9c5638; text-decoration:underline; }

@media(max-width:640px){
  .tb-works-archive form.vk-filter-search .vkfs__keyword,
  .tb-works-archive form.vk-filter-search .vkfs__taxonomy,
  .tb-works-archive #cy-year{ flex:1 1 100%; max-width:none; }
}

/* SWELL上部タイトルヘッダーを隠す（旧 body_class 'tb-works-list' 相当） */
.tb-works-list #top_title_area,
.tb-works-list .l-topTitleArea{ display:none !important; }
.tb-works-list .p-breadcrumb,
.tb-works-list .p-breadcrumb.-bg-on{ background:transparent !important; }
.tb-works-list #content{ margin-top:0 !important; padding-top:0 !important; }
.tb-works-list .tb-works-archive{ padding-top:1.2rem !important; }