/* _content/Membercare.Shared.Blazor.Components/DevExpressExtensions/Editors/McDxHtmlEditor.razor.rz.scp.css */
/* === Cancel DevExpress hiding rules (but exclude separators) === */
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar .dxbl-toolbar-hidden-item:not(.dxbl-toolbar-group-separator),
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar .dxbl-toolbar-adaptive-item-hidden:not(.dxbl-toolbar-group-separator),
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar .dxbl-toolbar-item-collapsed:not(.dxbl-toolbar-group-separator) {
    visibility: visible !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    margin: initial !important;
    padding: initial !important;
}

/* === Hide text labels inside toolbar buttons === */
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar span {
    display: none !important;
}

/* === Hide DevExpress adaptive ellipsis buttons === */
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar .dxbl-toolbar-btn-ellipsis,
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar .dxbl-toolbar-item.dxbl-toolbar-btn-ellipsis {
    display: none !important;
}

/* === Add nicer spacing to editor content paragraphs === */
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-widget-container .dx-htmleditor-content p {
    margin-bottom: 1rem;
}

/* === Base: Mobile first (scrollable, single line) === */
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar.dxbl-toolbar-adaptive,
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar > .dxbl-btn-toolbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    row-gap: 0 !important;
    height: auto !important;
    scrollbar-color: transparent transparent;
}
/* WebKit browsers (Chrome, Edge, Safari) */
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar.dxbl-toolbar-adaptive::-webkit-scrollbar {
    background: transparent;
}
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar.dxbl-toolbar-adaptive::-webkit-scrollbar-thumb {
    background: transparent;
}

/* === Small screens only (<=768px): ensure inputs don't collapse too much === */
@media (max-width: 768px) {
    .mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar .dxbl-text-edit,
    .mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar .dxbl-combo-box {
        min-width: 100px !important;
    }
}

/* === Desktop (above 768px): dynamic multiline === */
@media (min-width: 769px) {
    .mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar.dxbl-toolbar-adaptive,
    .mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-toolbar > .dxbl-btn-toolbar {
        flex-wrap: wrap !important;
        white-space: normal !important;
        overflow: visible !important;
        row-gap: 0.5rem !important;
        height: fit-content !important;
    }

    /* Group items expand to new row when needed */
    .mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon .dxbl-btn-group {
        display: contents !important;
    }
}

.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon button svg use.dxbl-icon-set-default,
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon button svg use.dxbl-icon-set-fluent-small,
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon button svg use.dxbl-icon-set-fluent-large {
    display: none !important;
}

.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon button svg use.dxbl-icon-set-fluent {
    display: block !important;
}

/* === Increase toolbar icon size to 1.5rem === */
.mc-dx-html-editor[b-6qd7nfkom1]  .dxbl-html-editor .dxbl-office-ribbon svg.dxbl-image {
    --dxbl-image-height: 1.5rem !important;
    --dxbl-image-width: 1.5rem !important;

    height: var(--dxbl-image-height) !important;
    width: var(--dxbl-image-width) !important;
}