/* ee-popups.css — shared pop-up / hover / scroll rules for MMGM (2026-10-06).
   Pairs with ee-popups.js. Rule set: /Users/claw/ee-wiki/scan_2026-10-06_scout_menu_hover_scroll.md.
   Open state is data-ee-open on the host (set by ee-popups.js), never :hover. */

/* ---- R1: nothing reacts to hover while a scroll gesture is running (+250 ms) ------------------ */
html.ee-scrolling [data-ee-popup] {
    pointer-events: none;   /* the wheel falls through to the scrolling list; no hover highlight */
}
html.ee-scrolling [data-ee-popup="flyout"][data-ee-open] > [data-ee-popup-panel] {
    pointer-events: auto;   /* an open flyout beside the list can still be scrolled itself */
}
html.ee-scrolling .ee-tip,
html.ee-tips-dismissed .ee-tip {
    visibility: hidden !important;
    opacity: 0 !important;
    transition: none !important;
}

/* ---- Triggers and items are keyboard-reachable; show focus clearly ---------------------------- */
[data-ee-popup-trigger]:focus-visible,
[data-ee-popup-item]:focus-visible {
    outline: 2px solid #1a3ad6;
    outline-offset: 2px;
}

/* ---- R2: in-place disclosure (expanded side menu) -------------------------------------------- */
[data-ee-popup="disclosure"] > [data-ee-popup-panel] { display: none; }
[data-ee-popup="disclosure"][data-ee-open] > [data-ee-popup-panel] { display: block; }
[data-ee-popup="disclosure"][data-ee-open] > [data-ee-popup-trigger] .nav-section-caret {
    transform: rotate(90deg);
}

/* ---- R4: flyout beside the list (collapsed rail). ee-popups.js sets position:fixed + left/top --- */
[data-ee-popup="flyout"] > [data-ee-popup-panel] { display: none; }
[data-ee-popup="flyout"][data-ee-open] > [data-ee-popup-panel] {
    display: block;
    position: fixed;
    width: min(300px, calc(100vw - 96px));
    min-width: 220px;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
    z-index: 10050;
}

/* ---- Tooltips: hover-intent delay, keyboard focus shows it, scrolling hides it --------------- */
.ee-tip-host .ee-tip {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.12s ease 0s, visibility 0s linear 0.12s;
}
.ee-tip-host:hover .ee-tip,
.ee-tip-host:focus-visible .ee-tip,
.ee-tip-host:focus-within .ee-tip {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;   /* WCAG 1.4.13: the pointer can move onto the tip without it vanishing */
    transition: opacity 0.12s ease 0.3s, visibility 0s linear 0.3s;   /* 300 ms hover intent */
}

@media (prefers-reduced-motion: reduce) {
    .ee-tip-host .ee-tip,
    .ee-tip-host:hover .ee-tip { transition-duration: 0s; }
}