/*
 * Animated underline hover effect only for header navigation links.
 */
:where(header, .site-header, #site-header)
:where(nav, .main-navigation, .primary-navigation, .wp-block-navigation, .menu, .navbar-nav)
:where(a, .wp-block-navigation-item__content) {
    position: relative;
    text-decoration: none;
}

:where(header, .site-header, #site-header)
:where(nav, .main-navigation, .primary-navigation, .wp-block-navigation, .menu, .navbar-nav)
:where(a, .wp-block-navigation-item__content)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.12em;
    width: 100%;
    height: 2px;
    background-color: #13607E;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 240ms ease;
    pointer-events: none;
}

:where(header, .site-header, #site-header)
:where(nav, .main-navigation, .primary-navigation, .wp-block-navigation, .menu, .navbar-nav)
:where(a, .wp-block-navigation-item__content):hover::after,
:where(header, .site-header, #site-header)
:where(nav, .main-navigation, .primary-navigation, .wp-block-navigation, .menu, .navbar-nav)
:where(a, .wp-block-navigation-item__content):focus-visible::after {
    transform: scaleX(1);
    transform-origin: left center;
}

/* Never apply underline effect to site logo/branding links. */
:where(header, .site-header, #site-header)
:where(.custom-logo-link, .site-logo a, .site-branding a, .navbar-brand, .logo a)::after {
    content: none !important;
}

/* Simple footer effect: visible opacity shift on hover/focus. */
:where(footer, .site-footer, #colophon) a {
    opacity: 1;
    transition: opacity 180ms ease;
}

:where(footer, .site-footer, #colophon) a:hover,
:where(footer, .site-footer, #colophon) a:focus-visible {
    opacity: 0.72;
}