/*
 * HDL-owned site-specific compatibility overrides.
 *
 * Rules here replace audited WPCodeBox frontend behaviour that is still
 * intentionally part of the approved HDL site design.
 */

/*
 * Preserved from the retired WPCodeBox Global Style snippet so current
 * mobile button behaviour remains unchanged.
 */
@media screen and (max-width: 767px) {
  :root {
    --btn-min-width: 30rem;
  }
}

/*
 * Header navigation underline.
 * Scoped replacement for the retired WPCodeBox Link Underline Effects
 * snippet. Footer and normal content links are intentionally excluded.
 */
#brx-header li > a {
  position: relative;
  text-decoration: none;
  display: inline-block;
}

#brx-header li > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: currentColor;
  transition: width 0.3s ease;
  opacity: 0.8;
}

#brx-header li > a:hover::after,
#brx-header li > a:focus::after,
#brx-header li > a.active::after,
#brx-header li > a.current-menu-item::after,
#brx-header li.current-menu-item > a::after,
#brx-header li.current-page-ancestor > a::after {
  width: 100%;
}