/* Styles for ACT Iframe Menu */
.act-iframe-menu {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
}

.act-iframe-menu button {
    background: none;
    border: none;
    color: white;
    padding: 5px 8px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.2s ease;
    text-align: right;
    width: 100%;
}

.act-iframe-menu button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* A11y (WCAG 2.1 SC 2.4.7 Focus Visible + SC 1.4.11 Non-text Contrast).
 * This block used to be a bare `outline: none`, which killed the keyboard ring
 * on all three controls and, at 0,2,1, also outranked the estate-wide
 * `:focus-visible` ring in act-core.css (0,1,0). The ring is restored here.
 *
 * The offset is NEGATIVE on purpose: .act-iframe-menu is `overflow: hidden`
 * (line 11 above, and again in agent-profile.css for the try-chat panel), so an
 * outward ring would be clipped away by the container and never seen.
 *
 * #f59e0b is the estate accent (--act-accent), measured against every backdrop
 * this menu paints over — harness/wcag.mjs:
 *   on rgb(0,0,0)   the 0.8-alpha menu fill over a dark iframe = 9.78:1
 *   on #333333      the same fill over a white iframe          = 5.88:1
 *   on #12192a      the agent-profile try-chat panel variant   = 8.16:1
 * all clear the 3:1 bar for a non-text indicator with margin.
 *
 * Pointer users keep the clean look the original rule was reaching for: the
 * ring is withdrawn again for focus that is not `:focus-visible`. Written in
 * that order so a browser without :focus-visible support still shows the ring
 * rather than silently regressing to no indicator at all. */
.act-iframe-menu button:focus {
    outline: 2px solid #f59e0b;
    outline-offset: -2px;
}

.act-iframe-menu button:focus-visible {
    background-color: rgba(255, 255, 255, 0.16);
}

.act-iframe-menu button:focus:not(:focus-visible) {
    outline: none;
}

.act-iframe-menu .hamburger {
    font-size: 16px;
    padding: 5px;
}