/* ==========================================================================
   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; }