/* ==========================================================================
   navbar_extras.css — CD-A3b (18.09.2026)
   Ersetzt die statischen style="-Attribute der Navbar-Familie (navbar.tpl,
   mega/cms/blog-dropdown.tpl) durch navx-*-Klassen — Werte 1:1, unlayered
   (CD-A3b-Muster). Die Reading-Progress-Bar behält width:0% als Klassen-
   Startwert: reading-progress.js animiert per Inline style.width — Inline
   schlägt Klasse, Verhalten identisch.
   ========================================================================== */
.navx-brand-text { max-width: min(150px, 40vw); }
.navx-progress {
  position: absolute; bottom: 0; left: 0; height: 3px; width: 0%;
  background: linear-gradient(90deg, #f5a623, #06b6d4);
  z-index: 1050; transition: width 0.08s linear; pointer-events: none;
  box-shadow: 0 0 8px rgba(6, 182, 212, 0.6);
}
.navx-menu-mega { width: min(680px, 95vw); max-width: 95vw; background: rgba(15, 23, 42, 0.96); backdrop-filter: blur(20px); }
.navx-menu-blog { min-width: 240px; background: rgba(15, 23, 42, 0.96); backdrop-filter: blur(20px); }
.navx-menu-cms { min-width: 220px; background: rgba(15, 23, 42, 0.96); backdrop-filter: blur(20px); }
.navx-link-max { max-width: 200px; }

/* CD-A3b (18.09.2026, Welle 18): utilities.tpl (10 style=) + offcanvas.tpl (4)
   — Werte 1:1. nvu-badge-hide: display:none als Klassenwert, JS toggt per
   Inline style.display (Inline schlägt Klasse — Muster wie mbn-badge-bm). */
.nvu-btn-44 { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
.nvu-btn-min44 { min-width: 44px; min-height: 44px; }
.nvu-badge-hide { display: none; font-size: 0.65rem; }
.nvu-menu-360 { min-width: min(92vw, 360px); }
.nvu-list-scroll { max-height: 320px; overflow-y: auto; }
.nvu-toggler-icon { width: 1.1em; height: 1.1em; }
.nvo-shell { width: min(380px, 86vw); }
.nvo-tree-scroll { max-height: calc(100vh - 280px); max-height: calc(100dvh - 280px); }
.nvo-link-trunc { max-width: 190px; }
.nvo-modal-860 { max-width: 860px; }