/* ============================================================
   SITEMAP.CSS
   Targets Simple Sitemap plugin's own markup/classes directly —
   the plugin ships with no default styling by design ("all plugin
   styles have been removed to let the theme control it"), so
   without this the page renders as a bare bulleted list.
   ============================================================ */

.simple-sitemap-container {
  font-family: var(--font-body, "Noto Sans", sans-serif);
  color: var(--color-black, #141414);
  max-width: 780px;
}

.simple-sitemap-wrap:not(:first-of-type) {
  margin-top: 40px;
}

/* Post-type group heading (Pages, Posts, Case Studies, etc.) —
   styled like the section labels used everywhere else on the site */
.simple-sitemap-container .post-type {
  font-family: var(--font-display, "Barlow Condensed", sans-serif);
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  color: var(--color-black, #141414);
  border-left: 4px solid var(--color-red, #ed1c24);
  padding-left: 14px;
  margin: 0 0 18px 0;
}

/* Lists */
.simple-sitemap-container ul.main,
.simple-sitemap-container ul.children {
  list-style: none;
  margin: 0 0 0 1.4em;
  padding: 0;
}
.simple-sitemap-container ul.main {
  margin-left: 0;
}
.simple-sitemap-container ul.children {
  margin-top: 8px;
  margin-bottom: 8px;
  border-left: 1px solid var(--color-line, #e8e6e2);
  padding-left: 20px;
}
.simple-sitemap-container li {
  padding: 9px 0;
}
.simple-sitemap-container ul.main > li {
  border-bottom: 1px solid var(--color-line, #e8e6e2);
}
.simple-sitemap-container ul.main > li:last-child {
  border-bottom: none;
}
.simple-sitemap-container .separator {
  display: none; /* the border-bottom above already provides this */
}

/* Links */
.simple-sitemap-container a {
  color: var(--color-black, #141414);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  transition: color 0.18s;
}
.simple-sitemap-container a:hover {
  color: var(--color-red, #ed1c24);
}
.simple-sitemap-container ul.children a {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text, #50585b);
}
.simple-sitemap-container ul.children a:hover {
  color: var(--color-red, #ed1c24);
}

/* Excerpt */
.simple-sitemap-container .excerpt,
.simple-sitemap-container span.excerpt {
  display: block;
  position: static;
  left: 0;
  font-size: 13px;
  font-weight: 300;
  color: var(--color-mid, #888);
  margin-top: 3px;
}

/* Empty state */
.simple-sitemap-container .no-posts {
  font-style: normal;
  font-size: 14px;
  color: var(--color-mid, #888);
}

/* Menu-based sitemap ([simple-sitemap-menu]) */
.simple-sitemap-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.simple-sitemap-menu li {
  float: none;
}

@media (max-width: 600px) {
  .simple-sitemap-container ul.children {
    padding-left: 14px;
  }
}

.simple-sitemap-container .post-type {
  display: none !important;
}