[class^="plugin-width"] {float: left;margin: 0;}
[class*="dnd-plugins-col-"] {padding-left: initial; padding-right: initial;}
.dnd-plugins-row {padding-left: initial; padding-right: initial; --bs-gutter-x: 0rem;}
@media only screen and (min-width: 981px)
{
    .plugin-width-lg-100-00 {
         width: 100.00%;
     }
    .plugin-width-lg-44-31 {
         width: 44.31%;
     }
    .plugin-width-lg-54-79 {
         width: 54.79%;
     }
}
@media (min-width: 481px) and (max-width: 980px)
{
    .plugin-width-md-100-00 {
         width: 100.00%;
     }
    .plugin-width-md-0-00 {
         width: 0.00%;
     }
}
@media only screen and (max-width: 480px)
{
    .plugin-width-xs-100-00 {
         width: 100.00%;
     }
    .plugin-width-xs-0-00 {
         width: 0.00%;
     }
}
/* center content vertically */
.dnd-plugins-row > div[class*="dnd-plugins-col-"] {
    /* min-height: 300px; */
    display: flex;
    flex-direction: column;
}
.dnd-plugins-row > div[class*="dnd-plugins-col-"] .dnd-plugins-row {
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 1;
}
/* A plugin wrapper fills its column by default, BUT an explicit per-plugin width
   (plugin-width-* class, set via the width control) must win — it sizes the plugin
   INSIDE the column without touching the column's own layout width. Every wrapper
   carries a plugin-width-* class (100 by default), so scoping this to wrappers
   WITHOUT one lets that class govern: 100% by default, or the chosen width. */
.dnd-plugins-row > div[class*="dnd-plugins-col-"] [data-melis-plugin-tag-id]:not([class*="plugin-width"]) {
    width: 100%;
}
/* Only the OUTERMOST wrapper carries the per-plugin width. A tag/mini-template wrapper
   NESTED inside another must always fill its parent (100%): mini-templates bake their own
   plugin-width-* wrapper divs into their stored HTML, so without this the width would
   COMPOUND at each nesting level (50% x 50% = 25%) and a stale baked class would resurface. */
[data-melis-plugin-tag-id] [data-melis-plugin-tag-id] {
    width: 100% !important;
}