/**
 * TNM header navigation refinements (1.0.5)
 * Scoped to the primary navigation so a Joomla Menu module in another
 * position retains the standard Joomla appearance.
 */
@media (min-width: 1001px) {
  .site-nav .primary-navigation .mod-menu > li.parent > a,
  .site-nav .primary-navigation .mod-menu > li.parent > .mod-menu__heading {
    padding-inline-end: 15px;
  }

  .site-nav .primary-navigation .mod-menu > li.parent > a::before,
  .site-nav .primary-navigation .mod-menu > li.parent > .mod-menu__heading::before {
    content: "";
    position: absolute;
    top: 47%;
    inset-inline-end: 1px;
    width: 5px;
    height: 5px;
    border-inline-end: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-60%) rotate(45deg);
    pointer-events: none;
  }

  /* Header navigation is right-aligned. Third-level menus should expand to
     the left rather than off the right edge of the viewport. */
  .site-nav .primary-navigation .mod-menu__sub .mod-menu__sub {
    left: auto;
    right: calc(100% + 8px);
  }

  /* Preserve the invisible pointer corridor on the new opening side. */
  .site-nav .primary-navigation .mod-menu__sub .mod-menu__sub::before {
    left: auto;
    right: -9px;
  }

  .site-nav .primary-navigation .mod-menu__sub > li > a,
  .site-nav .primary-navigation .mod-menu__sub > li > .mod-menu__heading {
    border-radius: 3px;
    transition: color 0.18s ease, background-color 0.18s ease;
  }

  .site-nav .primary-navigation .mod-menu__sub > li > a:hover,
  .site-nav .primary-navigation .mod-menu__sub > li > a:focus-visible,
  .site-nav .primary-navigation .mod-menu__sub > li.current > a,
  .site-nav .primary-navigation .mod-menu__sub > li.active > a {
    color: var(--red);
    background-color: rgba(207, 16, 36, 0.07);
  }

  .site-nav .primary-navigation .mod-menu__sub > li > a:focus-visible,
  .site-nav .primary-navigation .mod-menu__sub > li[tabindex="0"]:focus-visible {
    outline: 2px solid var(--red);
    outline-offset: 2px;
  }
}

@media (max-width: 1000px) {
  .site-nav .primary-navigation .mod-menu__sub > li > a:focus-visible,
  .site-nav .primary-navigation .mod-menu__sub > li[tabindex="0"]:focus-visible {
    outline: 2px solid var(--red);
    outline-offset: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-nav .primary-navigation .mod-menu__sub > li > a,
  .site-nav .primary-navigation .mod-menu__sub > li > .mod-menu__heading {
    transition: none;
  }
}