/* ============================================================
   FSDMenu Design: Underline (底線風)
   Animated underline on hover, clean and modern
   Layout-safe: only visual changes, no padding/margin/size
   ============================================================ */

/* --- Menu link: animated underline from center --- */
.fsd-nav-menu__link {
    position: relative;
}
.fsd-nav-menu__link::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--fsd-hover-color);
    transition: width 0.3s ease, left 0.3s ease;
}
.fsd-nav-menu__link:hover::after {
    width: 60%;
    left: 20%;
}

/* Active state: dropdown is open (JS class) */
.fsd-nav-menu__item--has-children:has(.fsd-mega-dropdown--visible) > .fsd-nav-menu__link::after,
.fsd-nav-menu__item--has-children:has(.fsd-tworow-dropdown--visible) > .fsd-nav-menu__link::after {
    width: 60%;
    left: 20%;
}

/* --- Dropdown: subtle top line --- */
.fsd-mega-dropdown,
.fsd-tworow-dropdown {
    border-top: 2px solid var(--fsd-hover-color);
}