/* ==========================================================================
   BLOCK: CHIP BUTTONS - the shared Video / Document chip links used in
   session cards, libraries and archives. Scoped to the CHIP itself so
   any block can host them (@scope rules cannot be shared across block
   scopes). Load via $page_css on any page that renders chips.
   ========================================================================== */

@scope (.chip-btn) {
    :scope {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 0.72rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.16em;
        padding: 12px 22px;
        border: 1px solid var(--panel-border);
        transition: border-color 0.25s, color 0.25s, background 0.25s;
    }
    :scope:hover { border-color: var(--accent-lime); color: var(--accent-ink); }
    :scope.is-video::before {
        content: "";
        inline-size: 0;
        block-size: 0;
        border-block: 5px solid transparent;
        border-inline-start: 8px solid var(--accent-lime);
    }
    :scope.is-doc::before { content: "\2193" / ""; color: var(--accent-lime); font-weight: 900; }
}