/* layout/nav-link.css — 공통 네비 링크 gradient · hover · underline */
/* ── Gradient text ── */
.header-nav-link,
.footer-nav-link,
.page-intro__tab,
.btn--link-nav__text {
    background-image: linear-gradient(
        90deg,
        var(--brand-gold) 0%,
        var(--brand-gold) 50%,
        var(--nav-link-base, var(--link-nav-base)) 50%,
        var(--nav-link-base, var(--link-nav-base)) 100%
    );
    background-size: 200% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    transition: background-position var(--nav-link-fill-duration, var(--link-nav-fill-duration, 0.3s)) ease;
}

/* ── Hover · focus · active (gradient fill) ── */
.header-nav-link:hover,
.header-nav-link:focus-visible,
.header-nav-link--dropdown:hover,
.header-nav-link--dropdown:focus-visible,
.header-nav-dropdown:hover .header-nav-link--dropdown,
.header-nav-dropdown:focus-within .header-nav-link--dropdown,
.footer-nav-link:hover,
.footer-nav-link:focus-visible,
.page-intro__tab:hover,
.page-intro__tab:focus-visible,
.page-intro__tab.is-active,
.btn--link-nav:hover .btn--link-nav__text,
.btn--link-nav:focus-visible .btn--link-nav__text,
.btn--link-nav.is-active .btn--link-nav__text,
.btn--link-nav[aria-current="page"] .btn--link-nav__text {
    background-position: 0 0;
}

/* ── Underline base ── */
.header-nav-link::after,
.footer-nav-link::after,
.page-intro__tab::after,
.btn--link-nav::after {
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: var(--nav-underline-height, var(--link-nav-underline-height, 1px));
    background-color: var(--brand-gold);
    transition: width var(--nav-link-fill-duration, var(--link-nav-fill-duration, 0.3s)) ease;
}

/* ── Underline expand ── */
.header-nav-link:hover::after,
.footer-nav-link:hover::after,
.footer-nav-link:focus-visible::after,
.page-intro__tab:hover::after,
.page-intro__tab:focus-visible::after,
.page-intro__tab.is-active::after,
.btn--link-nav:hover::after,
.btn--link-nav:focus-visible::after,
.btn--link-nav.is-active::after,
.btn--link-nav[aria-current="page"]::after {
    width: 100%;
}