/* =========================
   Top Menu Container
========================= */
.ta-top-menu {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border-radius: 999px;

    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =========================
   Menu Item – Default
========================= */
.ta-top-menu a {
    padding: 8px 16px;
    border-radius: 999px;

    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.15px;

    color: #1f2937;
    background: transparent;
    text-decoration: none;
    white-space: nowrap;

    /* Improves perceived boldness (no size change) */
    text-shadow: 0 0 0.35px rgba(0, 0, 0, 0.35);

    transition: background-color 0.25s ease, color 0.25s ease;
}


/* =========================
   Hover State
========================= */
.ta-top-menu a:hover {
    background: #cfe0ff;
    color: #2563eb;
}


/* =========================
   Active State
========================= */
.ta-top-menu a.active {
    background: #cfe0ff;
    color: #2563eb;
}


/* =========================
   Focus (Keyboard Accessible)
========================= */
.ta-top-menu a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.35);
}


/* =========================
   Remove Default Click Styles
========================= */
.ta-top-menu a:focus,
.ta-top-menu a:active {
    outline: none;
    box-shadow: none;
}