@import "tailwindcss";
@plugin "@tailwindcss/typography";
@source "../views";
@source "../../content";

html {
    scroll-behavior: smooth;
}

/* Navbar animated underline and item styles */
.nav-underline {
    position: relative;
}
.nav-underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.05rem;
    height: 2px;
    width: 100%;
    background-color: currentColor !important;
    display: block;
    transform: scaleX(0);
    transform-origin: center;
    transition: width 2s;
    transition: transform 450ms cubic-bezier(0.1, 0.1, 0.1, 0.1);
    z-index: 5;
}
.nav-underline:hover::after,
.nav-underline:focus::after {
    transform: scaleX(1);
}

/* Active nav item - underline stays visible */
.nav-active::after {
    transform: scaleX(1) !important;
}

/* Ensure active underline remains visible and does not get overridden */
.site-nav .nav-active::after {
    transform: scaleX(1) !important;
}

/* Stronger rule to ensure active underline is visible above nav background and other layers */
.site-nav a.nav-underline.nav-active::after,
.site-nav a.nav-underline.is-current::after,
.site-nav .nav-active::after {
    background-color: currentColor !important;
    transform: scaleX(1) !important;
    opacity: 1 !important;
    z-index: 99999 !important;
}

.nav-item-uppercase {
    text-transform: uppercase;
}