/* === Bootstrap 5 toolbar fixes for LineControl (compact) === */
/* Place after Bootstrap CSS and the original editor.css */

/* 1) Toolbar as flex row */
.line-control-menu-bar {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    padding: 4px 4px;
}

    /* 2) Make each button group inline-sized, not 100% wide */
    .line-control-menu-bar > .btn-group,
    .line-control-menu-bar > .dropdown,
    .line-control-menu-bar > div.btn-group {
        display: inline-flex !important;
        width: auto !important;
        float: none !important;
        vertical-align: middle;
        margin: 0 2px 2px 0;
    }

    /* 3) Ensure buttons do not stretch to fill group width */
    .line-control-menu-bar .btn-group > .btn {
        flex: 0 0 auto !important;
    }

    /* 4) Compact button sizing comparable to .btn-sm */
    .line-control-menu-bar .btn {
        padding: .15rem .35rem !important;
        line-height: 1.1 !important;
        font-size: 12px !important;
    }

    /* 5) Remove legacy bottom margin that forces extra rows */
    .line-control-menu-bar a.btn {
        margin: 0 2px 2px 0 !important;
    }

    /* 6) Hide legacy caret element; Bootstrap 5 uses ::after */
    .line-control-menu-bar .dropdown-toggle .caret {
        display: none !important;
    }

    /* 7) Dropdown menu on top */
    .line-control-menu-bar .dropdown-menu {
        z-index: 1055;
        padding: .25rem 0;
        font-size: 12px;
    }

    .line-control-menu-bar .dropdown-item {
        padding: .25rem .5rem;
    }

/* 8) Keep status bar tidy */
.line-control-status-bar .label, .line-control-status-bar .badge {
    font-size: 12px;
    line-height: 14px;
    padding: 2px 6px;
}