/* ========================================================================
 * breadcrumb.css — .abc-breadcrumb 系統 CSS
 *
 * 出力元: _code-snippets/122.php（[abc_breadcrumb] ショートコード + astra_content_before 自動出力）
 * ロード: 122.php 内の abc_breadcrumb_shortcode() で wp_enqueue_style() 経由
 * 対象: 固定ページ（is_page() && !is_front_page()）のみ、ホーム/投稿/アーカイブ等では enqueue も発火しない
 *
 * Moved from _additional-css/additional.css Block 19-28 (L49-L114)
 * (2026/04/21, session17 B-8b, 中期ゴール: WP 追加 CSS 完全撤廃の第 1 歩)
 *
 * 特記: .abc-breadcrumb { margin-top: 120px } は #masthead { position: fixed } に
 *       よる固定ヘッダー被り回避のため。実測ヘッダー高さ 110px + 余白 10px。
 * ======================================================================== */

:root{
  --abc-breadcrumb-link:         var(--wp--preset--color--accent,#0056b3);
  --abc-breadcrumb-link-visited: #1d4ed8;
  --abc-breadcrumb-current:      #374151;
}
.abc-breadcrumb a{
  color:var(--abc-breadcrumb-link);
  text-decoration:none;
  font-weight:600;
  padding:0 .2em;
  border:1px solid transparent;
  border-radius:3px;
}
.abc-breadcrumb a:visited{ color:var(--abc-breadcrumb-link-visited); }
.abc-breadcrumb a:hover{ border-color:currentColor; }
.abc-breadcrumb a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
  border-radius:3px;
}
.abc-breadcrumb .current-item{ color:var(--abc-breadcrumb-current); }
.abc-breadcrumb .separator{ opacity:.85; }

.abc-breadcrumb{
  padding:8px 20px;
  font-size:14px;
  margin-top:120px;
  background:#fff;
  position:relative;
  z-index:1;
}

/* SP（≤639.98px）では footer-bar.css L10-13 で #masthead が static に切り替わるため、
   固定ヘッダー被り回避用の margin-top は不要 */
@media (max-width: 639.98px) {
  .abc-breadcrumb {
    margin-top: 0;
  }
}
.abc-breadcrumb ol{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
}
.abc-breadcrumb li{
  display:inline-flex;
  align-items:center;
}