/* Adjusts the TinyMCE toolbar to be adaptive */
.mce-container.mce-flow-layout-item > div {
display: flex !important;
flex-wrap: wrap !important; /* Allows them to fit on multiple lines */
overflow: visible !important; /* Removes horizontal scroll */
padding-bottom: 10px !important;
-ms-overflow-style: auto;
scrollbar-width: auto;
}

/* Optional: adjust the width of the buttons if you want them to be more compact on mobile */
@media (max-width: 600px) {
.mce-container.mce-flow-layout-item > div button,
.mce-container.mce-flow-layout-item > div .mce-btn {
flex: 0 0 auto;
min-width: 40px;
}
}