/* ===========================================================================
   demnaechst.css — greys out lectures that have not happened yet.
   Hand-written; render_site.py generates demnaechst-data.js, never this file.

   Applies at ALL widths, including mobile. Do not wrap any of this in a media
   query: on a phone the sidebar becomes a drawer, and a rule gated on a
   min-width would leave every future lecture looking clickable there.

   Two separate things get greyed, and they arrive by different routes:

     .demnaechst          emitted directly into Markdown by the renderer, on
                          the Startseite and the Überblick lists. Already plain
                          text — there is no link to defeat.

     .demnaechst-nav      added at runtime by demnaechst.js to sidebar links,
                          because a mkdocs.yml nav entry cannot carry a class.
   =========================================================================== */

/* --- overview pages (Startseite, Part and Major index) -------------------- */

.demnaechst {
  color: var(--md-default-fg-color--lighter);
}

/* The "(Demnächst)" tag itself. Slightly smaller and not italic despite
   sitting in an <em>, so it reads as a status label rather than emphasis. */
.demnaechst em {
  font-style: normal;
  font-size: 0.85em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* --- sidebar nav entries -------------------------------------------------- */

.md-nav__link.demnaechst-nav,
.md-nav__link.demnaechst-nav:hover,
.md-nav__link.demnaechst-nav:focus {
  color: var(--md-default-fg-color--lighter);
  cursor: default;
  /* pointer-events would also kill keyboard focus and screen-reader
     interaction; demnaechst.js removes the href instead, which degrades
     honestly for assistive tech. */
}

/* Suppress Material's active/hover treatments, which would otherwise make a
   disabled entry look live again on touch. */
.md-nav__link.demnaechst-nav.md-nav__link--active {
  color: var(--md-default-fg-color--lighter);
  font-weight: inherit;
}

/* A small trailing marker so the state is not conveyed by colour alone —
   colour-blind users and anyone on a low-contrast screen get the same signal. */
.md-nav__link.demnaechst-nav::after {
  content: " · demnächst";
  font-size: 0.8em;
  letter-spacing: 0.02em;
  opacity: 0.9;
  white-space: nowrap;
}

/* Material renders nav labels inside a span in newer versions; keep the
   marker attached to the text rather than the flex row. */
.md-nav__link.demnaechst-nav {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25em;
  flex-wrap: wrap;
}