/* /swell_child/assets/css/3_components/breadcrumb.css */

/* =========================================================
   Breadcrumbs (basic layer)
========================================================= */
nav.wan-breadcrumbs {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 10px;

  /* 局所トークン（必要なら） */
  /* --wan-link: #3bc9db;
     --wan-link-hover: #2aa7be;
     --color_link: var(--wan-link); */
}

nav.wan-breadcrumbs ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3em;
}

nav.wan-breadcrumbs li {
  display: flex;
  align-items: center;
}

nav.wan-breadcrumbs li + li::before {
  content: "＞";
  color: #999;
  margin: 0 0.3em;
}

/* 親の a{color:var(--color_link)} より強い特異性で上書き */
nav.wan-breadcrumbs ol li a:any-link,
nav.wan-breadcrumbs ol li a:link,
nav.wan-breadcrumbs ol li a:visited {
  color: var(--wan-link);
  text-decoration: none;
}

nav.wan-breadcrumbs ol li a:hover {
  color: var(--wan-link-hover);
  text-decoration: underline;
}