/**
 * archive-realestate.php ページ固有CSS（F分類・docs/29_template-map.md §1-1 R-02）
 * 正本: design/pages/realestate-info.html <style id="page-scoped">。1ファイルに一覧＋詳細が
 * 同居していたCSSを、セレクタ単位で archive/detail の2ファイルに仕分ける（R-02）。
 * 本ファイルは「型A｜一覧ページ」で使うセレクタのみを収録する。
 *
 * @package idworks
 */

.page-hero__title{
  font-size:var(--fs-h2-sm);
  line-height:var(--lh-h2);
  letter-spacing:var(--ls-h2);
}
@media(min-width:768px){
  .page-hero__title{font-size:var(--fs-h2);}
}

/* 物件カード（一覧・関連物件で共用） */
.prop-card__photo{position:relative;margin-bottom:10px;}
.status-label{
  position:absolute;top:8px;left:8px;z-index:1;
  background:var(--c-btn);color:#fff;font-size:var(--fs-micro);letter-spacing:.08em;padding:2px 12px;
}
.status-label--negotiating{background:#777;}
.status-label--sold{background:#bbb;color:#333;}
.prop-card__price{font-size:var(--c1-fs-h3);font-family:var(--ff-en);font-weight:500;letter-spacing:.04em;margin-top:4px;}
.prop-card__comment{
  font-size:var(--fs-caption);color:var(--c-text-sub);margin-top:10px;
  border-left:2px solid var(--c-line-dark);padding-left:10px;line-height:1.8;
}

/* WP標準ページネーション（the_posts_pagination）: 共通CSSに定義が無いため最小限を用意 */
.navigation.pagination{max-width:980px;margin:var(--sp-5) auto 0;text-align:center;}
.navigation.pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;margin:0 4px;padding:0 8px;
  border:1px solid var(--c-line-dark);font-family:var(--ff-en);font-size:var(--fs-caption);
  text-decoration:none;color:var(--c-text);
}
.navigation.pagination .page-numbers.current{background:var(--c-btn);color:var(--c-btn-text);border-color:var(--c-btn);}
.navigation.pagination .page-numbers.dots{border:0;}

.c1 .page-hero__lead{
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  letter-spacing:var(--ls-body);
}

.nowrap{white-space:nowrap;}