.medium-insert-images .medium-insert-images-progress, .mediumInsert .medium-insert-images-progress {
    background: #00aac457 !important;
}
.bblpro-form-wrapper .medium-insert-action,
.bblpro-form-wrapper .medium-insert-buttons-show {
    min-height: unset !important;
}
.bblpro-form-wrapper .medium-editor-hidden{
    display: none !important;
}
.bblpro-form-wrapper .medium-editor-element {
    min-height: 150px;
}
.bblpro-form-wrapper .medium-editor-element ul {
    list-style-type: inherit !important;
}

.medium-insert-buttons-addons .medium-insert-action {
    padding: 0 !important;
}
.medium-insert-images.medium-insert-images-grid.small-grid figure {
    width: 10%;
}
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show span {
    margin-top: 0;
}
@media (max-width: 750px) {
    .medium-insert-images.medium-insert-images-grid.small-grid figure {
        width: 20%;
    }
}
@media (max-width: 450px) {
    .medium-insert-images.medium-insert-images-grid.small-grid figure {
        width: 25%;
    }
}
.medium-editor-mention-panel{
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:16px;
    left:0;
    line-height:1.4;
    min-width:100px;
    position:absolute;
    text-align:center;
    top:0;
    word-break:break-all;
    word-wrap:break-word;
    visibility:hidden;
    overflow:hidden;
    z-index:2000;
    border:1px solid rgba(0,0,0,.15);
    background-color:#fff
}
.medium-editor-mention-panel-active{
    visibility:visible;
    overflow:visible
}
.bblpro-medium-editor-user-suggestions-list {
    list-style-type: none;
    margin: 0 !important;
    max-height: 140px;
    overflow-y: auto;
    padding: 0 1em 0 0;
}
.bblpro-medium-editor-user-suggestions-list li {
    cursor: pointer;
    font-size: 0.9em;
    text-align: left;
    padding-left: 10px;
}
.bblpro-medium-editor-user-suggestions-list li:hover {
    background-color: #A9A9A9;
    color: #fffff8;
}

.bblpro-medium-editor-user-suggestions-list::-webkit-scrollbar-track {
    border: 1px solid #ddd;
    padding: 2px 0;
    background-color: #eee;
}

.bblpro-medium-editor-user-suggestions-list::-webkit-scrollbar {
    width: 5px;
}

.bblpro-medium-editor-user-suggestions-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ccc;
}
/* Toolbar buttons — use WordPress dashicons, no external font needed */
button.bbl-medium-toolbar-btn {
    color: #ccc !important;
    line-height: 1 !important;
    padding: 0 4px !important;
}
button.bbl-medium-toolbar-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;
    vertical-align: middle;
    color: inherit;
}
button.bbl-medium-toolbar-btn:hover .dashicons {
    color: #fff;
}

/* Word counter */
.bbl-medium-word-counter {
    color: #888;
    font-size: 0.8em;
    margin: 4px 0 0;
    text-align: right;
}
.bbl-medium-word-counter--over {
    color: #c00;
    font-weight: bold;
}
.bbl-medium-word-counter--under {
    color: #b06000;
    font-weight: bold;
}
/* Frontend display — figure placeholder used to prevent wpautop from
   wrapping figure blocks in spurious <p> tags */
div.bbl-figure-placeholder {
    display: block;
    margin: 1em 0;
}
div.bbl-figure-placeholder img {
    max-width: 100%;
    height: auto;
    display: block;
}
div.bbl-figure-placeholder figcaption,
div.bbl-figure-placeholder .medium-insert-image-caption {
    font-size: 0.85em;
    color: #666;
    text-align: center;
    margin-top: 0.4em;
}

/* ==========================================================================
   Frontend display — published post view
   ========================================================================== */

/* Figure placeholder replaces <figure> to prevent wpautop from
   wrapping block-level image containers in spurious <p> tags. */
.bbl-figure-placeholder {
    display: block;
    margin: 1.2em 0;
    padding: 0;
    line-height: 0; /* collapse whitespace around inline-block img */
}

.bbl-figure-placeholder img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Captions */
.bbl-figure-placeholder figcaption,
.bbl-figure-placeholder .medium-insert-image-caption {
    line-height: 1.4;
    font-size: 0.85em;
    color: #666;
    text-align: center;
    margin-top: 0.5em;
    padding: 0 0.5em;
}

/* Medium insert image containers on the frontend */
.medium-insert-images {
    margin: 1.2em 0;
}

.medium-insert-images figure,
.medium-insert-images .bbl-figure-placeholder {
    display: block;
    margin: 0.4em 0;
}

.medium-insert-images img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Left-aligned images — floated with text wrapping */
.medium-insert-images.medium-insert-images-left {
    float: left;
    width: auto;
    max-width: 50%;
    margin: 0.4em 1.5em 1em 0;
    clear: left;
}

.medium-insert-images.medium-insert-images-left img {
    width: 100%;
    height: auto;
}

/* Right-aligned images — floated with text wrapping */
.medium-insert-images.medium-insert-images-right {
    float: right;
    width: auto;
    max-width: 50%;
    margin: 0.4em 0 1em 1.5em;
    clear: right;
}

.medium-insert-images.medium-insert-images-right img {
    width: 100%;
    height: auto;
}

/* Clearfix so parent containers contain floated image blocks */
.medium-insert-images.medium-insert-images-left::after,
.medium-insert-images.medium-insert-images-right::after {
    content: "";
    display: table;
    clear: both;
}

/* Grid layout */
.medium-insert-images-grid .bbl-figure-placeholder,
.medium-insert-images-grid figure {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}

/* ==========================================================================
   Medium Insert Plugin — Dashicons button icons
   ========================================================================== */

/* Ensure dashicons inherit the button colour on all states */
.medium-insert-buttons button .dashicons {
    color: inherit;
    pointer-events: none;
}

/* Keep the rotation transform working when addons are open */
.medium-insert-buttons-show.medium-insert-buttons-rotate {
    transform: rotate(45deg);
    transition: transform 250ms;
}

/* ==========================================================================
   Medium Insert — addon buttons
   ========================================================================== */

/* Remove bullet markers from the addon list */
.medium-editor-insert-plugin .medium-insert-buttons-addons {
    list-style: none !important;
}
.medium-editor-insert-plugin .medium-insert-buttons-addons li {
    list-style: none !important;
    display: inline-block;
    padding-left: 5px;
}
.medium-editor-insert-plugin .medium-insert-buttons-addons li::marker {
    display: none !important;
    content: "" !important;
}

/* Per-addon button classes for targeted styling */
.medium-insert-action-images {
    /* image upload button */
}
.medium-insert-action-embeds {
    /* embed / video button */
}

/* Fix embeds placeholder text visibility — empty contenteditable collapses
   to zero height, making the absolute-positioned :after invisible */
.medium-insert-embeds-placeholder {
    min-height: 1.4em !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   Insert buttons — custom styling
   ========================================================================== */

.bblpro-form-wrapper .medium-insert-buttons-show {
    padding: 8px !important;
    background: #202c39 !important;
    border: 1px solid #202c39 !important;
    text-align: center !important;
}
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show .dashicons {
    margin: 0 !important;
}
.medium-editor-insert-plugin .medium-insert-buttons button {
    display: block;
    cursor: pointer;
    color: #fff;
    background: #00aac4;
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #00aac4;
    line-height: 30px;
    text-align: center;
    padding: 0;
}
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 35px;
    display: inline-block;
    vertical-align: unset;
}
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons {
    top: -38px;
}
/* ==========================================================================
   Insert button — hidden when both upload and embeds are disabled.
   mediumInsert's disable() adds the 'hide' class to .medium-insert-buttons;
   the bbl-medium-insert-disabled class on the textarea provides a CSS-only
   fallback that hides the button before JS has a chance to run disable().
   ========================================================================== */
.medium-insert-buttons.hide {
    display: none !important;
}
.bbl-medium-insert-disabled ~ * .medium-insert-buttons,
.medium-editor-insert-plugin .medium-insert-buttons.hide {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}