/* this need to the menu when open and to the body it gets applied oerflow hidden */
body.navbar-open {
    height: 100vh;
    position: relative;
    display: block;
}

/* Related-content card groups exposed as a native <ul>/<li> list so assistive
   tech announces the item count ("list, N items"). Strips the default list
   chrome so it carries no bullets/indent and does not disturb the Bootstrap
   .row/.col layout it wraps.
   - .phantom-related-list           : the <ul> itself IS the flex .row
                                        (event / news detail).
   - + .phantom-related-list--contents: the <ul> sits inside an existing .row and
                                        collapses (display:contents) so its <li>
                                        cards stay direct grid columns of that row
                                        (basic-page related-pages view). */
.phantom-related-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.phantom-related-list--contents {
  display: contents;
}
/* Screen-reader-only text must not inherit text-transform.
   `.visually-hidden` is placed inside styled containers (e.g. the
   job-opportunity / tender `.status` badge, which is `text-transform:
   uppercase`), and the transform cascades into it: the DOM text reads
   "Status: Open" but the accessibility tree exposes "STATUS: OPEN". Several
   screen readers spell all-caps text out letter by letter, so the SR copy is
   pinned back to its authored casing. Visual output is unaffected — these
   nodes are never seen. */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  text-transform: none;
}