/* ==========================================================================
   Component: Sitemap page (/sitemap)
   Rendered by the contrib "Simple Sitemap" module (sitemap.html.twig /
   sitemap-item.html.twig / sitemap-menu.html.twig), which ships with zero
   theme styling of its own -- just raw Bootstrap Barrio list-group markup.
   Styled here directly against the module's own classes rather than
   overriding its templates, since they're already specific enough to hook
   CSS onto (.sitemap, .sitemap-item, .sitemap-menu, .item-list).
   ========================================================================== */

body.path-sitemap main#main {
  padding-block: 48px 88px;
}

body.path-sitemap .sitemap {
  max-width: 900px;
  margin-inline: auto;
}

/* --- Section blocks (Main navigation / Footer / Category / Services areas) */

body.path-sitemap .sitemap-item {
  margin-bottom: 56px;
}

body.path-sitemap .sitemap-item:last-child {
  margin-bottom: 0;
}

body.path-sitemap .sitemap-item h2 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.25;
  color: var(--cm-ink);
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--cm-hairline);
}

/* --- Reset Bootstrap's card-style list-group look entirely ---------------- */

body.path-sitemap .item-list .list-group,
body.path-sitemap .sitemap-menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

body.path-sitemap .item-list .list-group-item {
  border: none;
  background: transparent;
  padding: 6px 0;
}

body.path-sitemap .sitemap-menu li {
  padding: 4px 0;
}

/* --- Nested levels (child pages / child terms) get a progressive indent -- */

body.path-sitemap .sitemap-menu ul ul,
body.path-sitemap .item-list .item-list {
  padding-left: 22px;
  margin-top: 4px;
}

/* De-emphasise deeply-nested leaf links (3rd level+, mostly the individual
   city sub-pages) so the top-level structure still reads at a glance. */
body.path-sitemap .sitemap-menu ul ul a {
  font-size: 15px;
  color: var(--cm-muted);
}

/* --- Links ------------------------------------------------------------- */

body.path-sitemap .sitemap a {
  color: var(--cm-ink);
  text-decoration: none;
}

body.path-sitemap .sitemap a:hover {
  color: var(--cm-red);
  text-decoration: underline;
  text-underline-offset: 2px;
}