/* Fancy navigation animations */

/* Fade‑in the header on page load */
.atx-nav {
    opacity: 0;
    transform: translateY(-10px);
    animation: navFadeIn 0.6s ease-out forwards;
}

@keyframes navFadeIn {
    to { opacity: 1; transform: translateY(0); }
}

/* Smooth hover underline effect */
.atx-nav__links a {
    position: relative;
    transition: color 0.2s ease;
}
.atx-nav__links a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background: var(--accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
.atx-nav__links a:hover::after,
.atx-nav__links a.active::after {
    transform: scaleX(1);
}

/* Mobile menu slide‑in */
.atx-nav__mobile {
    transform: translateX(100%);
    transition: transform 0.35s ease-out;
    will-change: transform;
}
.atx-nav__mobile[aria-hidden="false"] {
    transform: translateX(0);
}

/* Button ripple effect (optional) */
.atx-nav__hamburger,
.atx-nav__mobile-actions a {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.atx-nav__hamburger::after,
.atx-nav__mobile-actions a::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255,255,255,0.2);
    opacity: 0;
    transition: opacity 0.2s;
}
.atx-nav__hamburger:hover::after,
.atx-nav__mobile-actions a:hover::after {
    opacity: 1;
}