/* === Badge / Toggle positioning === */
.whb-header-bottom-inner {
    position: relative; /* positioning context for absolute badge */
}

/* Absolute-position the badge to the right without affecting menu flow */
.menu-item.bitcoin-mode-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    flex: none;
}

/* Mobile fallback: static placement and spacing */
@media (max-width: 1024px) {
    .menu-item.bitcoin-mode-toggle {
        position: static;
        transform: none;
        margin: 12px 0 0;
        right: auto;
        top: auto;
    }

    /* add top padding on mobile menu content for breathing room */
    .whb-column.whb-col-mobile,
    .whb-column.whb-col-mobile .wpb_wrapper {
        padding-top: 20px;
    }
}

/* === Capsule pill icon-only badge (no glow) === */
.bom-badge-on,
.bom-badge-off {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 999px;
    position: relative;
    cursor: pointer;
    transition: transform .15s ease;
    text-decoration: none;
    flex-shrink: 0;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: none;
}

/* ON state: solid yellow capsule */
.bom-badge-on {
    background-color: #FFC313;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.bom-badge-on:hover,
.bom-badge-on:focus {
    transform: scale(1.03);
}

/* OFF state: neutral capsule */
.bom-badge-off {
    background-color: white;
    color: #222;
    border: 1px solid #d3d3d3;
}
.bom-badge-off:hover,
.bom-badge-off:focus {
    background-color: #f7f7f7;
    transform: scale(1.02);
}

/* Icon inside badge */
.bom-badge-icon {
    width: 18px;
    height: 18px;
    display: block;
    vertical-align: middle;
}

/* Remove the white status dot entirely */
.status-dot {
    display: none !important;
}

/* Accessibility focus ring */
.menu-item.bitcoin-mode-toggle a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255,195,19,0.6);
}

/* Tooltip appears to the right of the badge (since dot is gone) */
.bom-badge-tooltip {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(8px, -50%);
    background: rgba(34,34,34,0.95);
    color: #fff;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 11px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease, transform .2s ease;
    z-index: 15;
}

/* Show tooltip when class toggled */
.menu-item.bitcoin-mode-toggle.show-tooltip .bom-badge-tooltip {
    opacity: 1;
    transform: translate(8px, -50%);
}

/* === Bitcoin-only mode content tweaks === */
body.bitcoin-only-mode #menu-currencies {
    display: none !important;
}
body.bitcoin-only-mode #menu-currencies .wd-dropdown,
body.bitcoin-only-mode #menu-currencies + .wd-dropdown-menu,
body.bitcoin-only-mode li#menu-item-152416 {
    display: none !important;
}

/* Keep the location/Canada flag secondary nav visible */
body.bitcoin-only-mode .wd-header-nav.wd-header-secondary-nav.text-left.wd-full-height {
    display: flex !important;
}

/* Suppress leftover type-wrap artifacts */
body.bitcoin-only-mode .type-wrap {
    display: none !important;
}

/* Utility hide */
.bom-hide {
    display: none !important;
}