/* WordPress adjustments that the prototype does not need. Hand-written, kept small.
   site.css (278 KB) is too large to upload through Cowboy (wp_write_file); layout changes made on the live site
   after 06.11.2026 go into the last section of this file and move into site.css with its next full upload. */

/* Admin bar for logged-in editors (32 px, 46 px up to 782 px): the fixed header starts below it, and so does
   everything site.css places below the header. Without these, the open mega menu covered the lower 32 px of the
   header row (Boris 19.10.2026). Visitors never see the admin bar; for them nothing here applies. */
body.admin-bar { --tj-wpbar: 32px; }
@media (max-width: 782px) {
  body.admin-bar { --tj-wpbar: 46px; }
}
body.admin-bar .site-header { top: var(--tj-wpbar); }

/* Mega menu: site.css sets its top per state (full header, compact header, phone); margin-top adds the admin bar
   to each of them, max-height keeps the panel inside the window. */
body.admin-bar .megamenu {
  margin-top: var(--tj-wpbar);
  max-height: calc(100dvh - var(--tj-header-h) - var(--tj-util-h) - var(--tj-wpbar));
}
/* Scrolled, the header carries a backdrop-filter (site.css) and so becomes the containing block of the fixed menu:
   its top already counts from the header, which sits below the admin bar. No margin there, or a gap opens. */
html.is-scrolled body.admin-bar .megamenu {
  margin-top: 0;
  max-height: calc(100dvh - var(--tj-header-compact) - var(--tj-wpbar));
}
@media (max-width: 767px) {
  body.admin-bar .megamenu { max-height: calc(100dvh - var(--tj-header-h) - var(--tj-wpbar)); }
}

/* Heads that stay in view while their section scrolls start below the header. */
body.admin-bar :is(.tj-sec--achse .tj-faq__head, .tj-duo__head, .tj-faq--duo .tj-faq__head) {
  top: calc(var(--tj-header-h) + var(--tj-util-h) + 20px + var(--tj-wpbar));
}

/* --------------------------------------------------------------------------
   Changes on the live site (since 06.11.2026)
   -------------------------------------------------------------------------- */

/* Proof row of the start hero at the size of the intro above it (Boris 06.11.2026), weight 600 stays. The label
   rule in site.css weighs (0,4,2); .tj-hero__proof lifts this one to (0,4,3). The dot sits on the first line when
   an item wraps. */
:root body main .tj-hero--start .tj-hero__proof .tj-proof li {
  font-size: var(--tj-intro); line-height: var(--tj-intro-lh); letter-spacing: normal; align-items: flex-start;
}
:root body main .tj-hero--start .tj-hero__proof .tj-proof li::before {
  margin-top: calc((var(--tj-intro-lh) - 6px) / 2);   /* ds-allow-hardcode: 6px is the dot size in site.css (.tj-proof li::before), which has no token */
}