/* What's New sidebar item enhancements.
   Loaded admin-wide via the delivery insert_global_admin_css hook.
   All rules are scoped to the .whats-new-nav class set on the menu item. */

.sidebar-menu-item__link.whats-new-nav {
    position: relative;
}

/* Teal tint on hover (the sparkles icon inherits currentColor). */
.sidebar-menu-item__link.whats-new-nav:hover {
    color: #1D9E75;
}

/* Teal left border when What's New is the active page. */
.sidebar-menu-item--active .sidebar-menu-item__link.whats-new-nav {
    box-shadow: inset 3px 0 0 #1D9E75;
}

/* Teal unread dot with glow when there are recent announcements. */
.sidebar-menu-item__link.whats-new-nav--new::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1D9E75;
    box-shadow: 0 0 6px rgba(29, 158, 117, 0.6);
}

/* Divider after the awareness group (Notifications + What's New),
   separating it from the rest of the menu. */
.sidebar-menu-item:has(.whats-new-nav) {
    border-bottom: 1px solid rgba(127, 127, 127, 0.18);
    padding-bottom: 8px;
    margin-bottom: 8px;
}