/* =========================
   Shared base styles
   ========================= */
#headermenu a[style*="--icon-url"],
#sidebarmenu a[style*="--icon-url"] {
    position: relative;
    padding-left: 2.9rem;
}

#headermenu a[style*="--icon-url"]::before,
#sidebarmenu a[style*="--icon-url"]::before {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.7rem;
    height: 1.7rem;

    /* Icon mask */
    mask: var(--icon-url) no-repeat center / contain;
    -webkit-mask: var(--icon-url) no-repeat center / contain;

    /* Follow text color */
    background-color: currentColor !important;
    opacity: 1 !important;
}

/* =========================
   Menu-specific colors
   ========================= */
#headermenu a {
    color: #fff; /* white text/icons on blue background */
}

#sidebarmenu a {
    color: #29367C; /* blue text/icons on white background */
}