/* Dark sidebar list toggle (single-team / single-service / single-property-types).
   Markup: .sidebar-links-wrapper > details.sidebar-toggle > summary > h3.widgettitle + ul.menu
   Desktop: always open, looks like a plain heading. Below 992px: collapsed by default (svn_sidebar_toggle_script). */

/* The angled bottom edge (.black-sidebar::after) is drawn on top of the list in the same color,
   which hid the last link. Keep the list above it. */
.black-sidebar .sidebar-links-wrapper {
  position: relative;
  z-index: 1;
}

.sidebar-toggle > summary {
  display: block;
  list-style: none;
}

.sidebar-toggle > summary::-webkit-details-marker {
  display: none;
}

.sidebar-toggle > summary .widgettitle {
  display: inline;
}

/* Desktop: not a control, just the heading */
@media (min-width: 992px) {
  .sidebar-toggle > summary {
    cursor: default;
    pointer-events: none;
  }

  .sidebar-toggle > summary .widgettitle {
    display: block;
  }
}

/* Phones/tablets: compact tap-to-open bar with a chevron */
@media (max-width: 991px) {
  .black-sidebar {
    margin-bottom: var(--space-l);
  }

  .black-sidebar .sidebar-links-wrapper {
    padding-top: var(--space-l);
    margin-bottom: var(--space-s);
  }

  .sidebar-toggle > summary {
    position: relative;
    padding-right: 32px;
    cursor: pointer;
  }

  .sidebar-toggle > summary::after {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .2s;
  }

  .sidebar-toggle[open] > summary::after {
    transform: translateY(-30%) rotate(-135deg);
  }

  .sidebar-toggle > summary:focus-visible {
    outline: 2px solid var(--orange);
    outline-offset: 4px;
  }

  .sidebar-toggle:not([open]) > summary .widgettitle {
    margin-bottom: 0;
  }
}