/* Seren menu extras: login pill + subtle motion. Honours reduced-motion. */
li.tie-menu-auth > a { font-weight: 600; }
li.tie-menu-login > a {
    background: #7d22e3; color: #fff !important; border-radius: 999px;
    padding: 6px 18px !important; line-height: 1.6; display: inline-block;
}
li.tie-menu-logout > a {
    border: 1px solid #c9a14a; border-radius: 999px; padding: 5px 16px !important;
    display: inline-block; line-height: 1.6;
}

@media (prefers-reduced-motion: no-preference) {
    html.tie-menu-fx nav li > a,
    html.tie-menu-fx .main-navigation li > a,
    html.tie-menu-fx header li > a {
        position: relative;
        transition: color .25s ease, transform .25s ease, background-color .25s ease, box-shadow .25s ease;
    }
    /* gold underline that slides in from the left */
    html.tie-menu-fx nav li:not(.tie-menu-auth) > a::after,
    html.tie-menu-fx .main-navigation li:not(.tie-menu-auth) > a::after,
    html.tie-menu-fx header li:not(.tie-menu-auth) > a::after {
        content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px;
        background: linear-gradient(90deg, #7d22e3, #c9a14a);
        transform: scaleX(0); transform-origin: left center; transition: transform .35s ease;
        pointer-events: none;
    }
    html.tie-menu-fx nav li:not(.tie-menu-auth) > a:hover::after,
    html.tie-menu-fx nav li.current-menu-item > a::after,
    html.tie-menu-fx .main-navigation li:not(.tie-menu-auth) > a:hover::after,
    html.tie-menu-fx .main-navigation li.current-menu-item > a::after,
    html.tie-menu-fx header li:not(.tie-menu-auth) > a:hover::after,
    html.tie-menu-fx header li.current-menu-item > a::after { transform: scaleX(1); }
    html.tie-menu-fx nav li > a:hover,
    html.tie-menu-fx header li > a:hover { transform: translateY(-1px); }

    li.tie-menu-login > a:hover { box-shadow: 0 4px 14px rgba(125,34,227,.45); transform: translateY(-1px); }
    li.tie-menu-logout > a:hover { background: rgba(201,161,74,.15); }

    /* items glide in one after another on page load */
    html.tie-menu-fx .tie-menu-in { opacity: 0; transform: translateY(-8px); animation: tieMenuIn .5s ease forwards; }
    @keyframes tieMenuIn { to { opacity: 1; transform: none; } }

    /* header gains a soft glass shadow once you scroll */
    html.tie-menu-fx .tie-header-scrolled {
        box-shadow: 0 4px 24px rgba(26,26,46,.15);
        -webkit-backdrop-filter: saturate(160%) blur(8px); backdrop-filter: saturate(160%) blur(8px);
        transition: box-shadow .3s ease;
    }
    /* drop-down sub-menus fade and slide */
    html.tie-menu-fx .sub-menu { animation: tieSub .25s ease; }
    @keyframes tieSub { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
}