/*!
 * FILE: public/assets/ui/css/70-ui-navigation-final.css
 *
 * PURPOSE / ZWECK:
 * - Letzte eindeutige Navigationsregeln.
 * - Verhindert gleichzeitig aktive Parent- und Zielnavigation nicht per CSS,
 *   stellt aktive Ziele aber eindeutig dar.
 */

.ev-nav-link.is-active {
  box-shadow: inset 3px 0 0 var(--ev-primary);
}

.ev-mobile-dock__item.is-active,
.ev-mobile-more__link.is-active {
  color: var(--ev-primary-2);
}

@media (max-width: 767.98px) {
  .ev-sidebar-brand {
    grid-template-columns: minmax(0, 1fr) 44px;
  }

  .ev-brand {
    grid-template-columns: 39px minmax(0, 1fr);
  }

  .ev-brand-text,
  .ev-nav-label,
  .ev-nav-text,
  .ev-nav-caret,
  .ev-sidebar-toggle {
    display: initial;
  }

  .ev-sidebar-toggle {
    display: inline-flex;
  }

  .ev-nav-link {
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    justify-items: stretch;
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  body.ev-sidebar-collapsed:not(.ev-sidebar-peek) .ev-nav-link.is-active {
    box-shadow: inset 0 0 0 2px var(--ev-primary-soft);
  }
}