/*
 * Widget Links CSS - Link-Klassen (Admin-App)
 * Alle Link-Styles müssen hier definiert sein (011-ui-widget-links.mdc)
 * Farben via Custom Properties aus colors.css
 */

/* Navigation-Pill-Link (z. B. Dashboard-Inline-Navigation) */
.base-link-navigation-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--home-text-muted);
    border-radius: 999px;
    text-decoration: none;
    transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
    font-family: var(--font-family-base);
}

.base-link-navigation-pill:hover {
    color: var(--home-text);
    background: rgb(79 125 250 / 10%);
}

/* Active-Zustand – eine Klasse (keine .parent .child – Regel 008) */
.base-link-navigation-pill-active {
    color: var(--home-text);
    background: rgb(79 125 250 / 15%);
    box-shadow: 0 0 18px rgb(79 125 250 / 30%);
}