/* Navigation text only. Does not change header or page spacing. */
#ppTestHeader .pp-test-header__nav .pp-nav-underline-text,
#ppTestDrawer .pp-mobile-links .pp-nav-underline-text {
  position: relative;
  display: inline-block;
  max-width: 100%;
  background-image: none !important;
}

#ppTestHeader .pp-test-header__nav .pp-nav-underline-text::after,
#ppTestDrawer .pp-mobile-links .pp-nav-underline-text::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 1px;
  background: #c3a66b;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

@media (hover: hover) {
  #ppTestHeader .pp-test-header__nav a:hover > .pp-nav-underline-text::after,
  #ppTestDrawer .pp-mobile-links a:hover > .pp-nav-underline-text::after,
  #ppTestDrawer .pp-mobile-links .pp-acc-label:hover > .pp-nav-underline-text::after {
    transform: scaleX(1);
  }
}

#ppTestHeader .pp-test-header__nav a:focus-visible > .pp-nav-underline-text::after,
#ppTestDrawer .pp-mobile-links a:focus-visible > .pp-nav-underline-text::after,
#ppTestDrawer .pp-acc-check:focus-visible + .pp-acc-label > .pp-nav-underline-text::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  #ppTestHeader .pp-test-header__nav .pp-nav-underline-text::after,
  #ppTestDrawer .pp-mobile-links .pp-nav-underline-text::after {
    transition: none;
  }
}