/* A quiet Digital pill in the existing primary menu and its mobile clone. */
:is(.tkbhf-native-menu, .et_pb_menu__menu, .tkb-v2-drawer-nav) li.tkbhf-menu-digital > a,
#header-icons-section + .et_pb_section .et-menu > li.tkbhf-menu-digital > a {
    --tkbhf-digital-ink: #c6badc;
    --tkbhf-digital-fill: #141219;
    --tkbhf-digital-border: #625273;
    --tkbhf-digital-dot: #a18bbb;
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px !important;
    max-width: 100%;
    padding: 8px 16px !important;
    margin-block: 3px;
    color: var(--tkbhf-digital-ink) !important;
    background: var(--tkbhf-digital-fill) !important;
    border: 1px solid var(--tkbhf-digital-border) !important;
    border-radius: var(--tkb-control-radius, 12px) !important;
    text-decoration: none !important;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    transition: none !important;
}

.tkbhf-native-menu > ul > .tkbhf-menu-digital {
    display: flex;
    align-items: center;
}

/* Empty generated content is decorative and does not alter the accessible name. */
:is(.tkbhf-native-menu, .et_pb_menu__menu, .tkb-v2-drawer-nav) li.tkbhf-menu-digital > a::before,
#header-icons-section + .et_pb_section .et-menu > li.tkbhf-menu-digital > a::before {
    content: '' !important;
    position: static !important;
    display: block !important;
    flex: 0 0 6px;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--tkbhf-digital-dot) !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    pointer-events: none;
}

:is(.tkbhf-native-menu, .et_pb_menu__menu, .tkb-v2-drawer-nav) li.tkbhf-menu-digital > a:is(:hover, :focus-visible),
#header-icons-section + .et_pb_section .et-menu > li.tkbhf-menu-digital > a:is(:hover, :focus-visible) {
    --tkbhf-digital-ink: #e2d8f2;
    --tkbhf-digital-fill: #1d1825;
    --tkbhf-digital-border: #9380ad;
    --tkbhf-digital-dot: #c3abdf;
}

:is(.tkbhf-native-menu, .et_pb_menu__menu, .tkb-v2-drawer-nav) li.tkbhf-menu-digital > a:is([aria-current="true"], [aria-current="page"]),
#header-icons-section + .et_pb_section .et-menu > li.tkbhf-menu-digital > a:is([aria-current="true"], [aria-current="page"]) {
    --tkbhf-digital-ink: #e2d8f2;
    --tkbhf-digital-fill: #1b1722;
    --tkbhf-digital-border: #9380ad;
    --tkbhf-digital-dot: #d0bde7;
}

:is(.tkbhf-native-menu, .et_pb_menu__menu, .tkb-v2-drawer-nav) li.tkbhf-menu-digital > a:focus-visible,
#header-icons-section + .et_pb_section .et-menu > li.tkbhf-menu-digital > a:focus-visible {
    outline: 2px solid #dacbf5 !important;
    outline-offset: 3px !important;
}

.tkb-v2-drawer-menu > li.tkbhf-menu-digital {
    border-bottom: 0;
}

.tkb-v2-drawer-menu > li.tkbhf-menu-digital > a {
    width: fit-content;
    max-width: calc(100% - 40px);
    margin: 10px 20px;
}

@media (max-width: 980px) {
    /* The no-JS native fallback keeps the same compact, reachable target. */
    .tkbhf-native-menu > ul > .tkbhf-menu-digital > a {
        width: fit-content;
        margin-block: 6px;
    }
}

