/* Container */
.bf-wrapper { position: relative; }

/* The Popover */
.bf-popover {
    position: absolute;
    z-index: 9999;
    width: var(--bf-width, 300px);
    background-color: var(--bf-bg, #222);
    color: var(--bf-text, #fff);
    font-size: var(--bf-font-size, 14px);
    font-family: var(--bf-font-family, inherit);
    border: 1px solid var(--bf-border, #222);
    border-radius: var(--bf-radius, 8px);
    padding: 1rem;
    line-height: 1.5;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
    transform: translateX(-50%);
    pointer-events: auto;
    opacity: 1;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Arrow Tip */
.bf-popover::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent var(--bf-border, #222) transparent;
}

/* Hidden State */
.bf-popover[hidden] {
    display: none !important;
}

/* Fallback: Dimming the bottom list */
/* We target the class you confirmed is present: .wp-block-footnotes */
.bf-wrapper.is-ready .wp-block-footnotes {
    opacity: 0.4;
    transition: opacity 0.3s ease;
}

.bf-wrapper.is-ready .wp-block-footnotes:hover {
    opacity: 1;
}