/* v2.1.1 - mobile toolbar controls compatibility/fix
   Keeps existing editor structure. Fixes mobile-mode styling by ensuring the mobile variables used by JS/CSS are applied consistently. */
body.nc-editor-page.nc-editor-mobile-mode .product-card [data-nc-child],
body.nc-editor-page.nc-editor-mobile-mode .page-title[data-nc-page-title],
body.nc-mobile-portrait-page .product-card [data-nc-child],
body.nc-mobile-portrait-page .page-title[data-nc-page-title]{
  color:var(--m-text-color, var(--text-color, currentColor))!important;
  background:var(--m-card-bg, var(--card-bg, transparent))!important;
  font-family:var(--m-font-family, var(--font-family, inherit))!important;
  font-size:var(--m-font-size, var(--font-size, inherit))!important;
  font-weight:var(--m-font-weight, var(--font-weight, inherit))!important;
  text-align:var(--m-text-align, var(--text-align, inherit))!important;
  border-color:var(--m-border-color, var(--border-color, transparent))!important;
  border-width:var(--m-border-width, var(--border-width, 0))!important;
  border-style:var(--m-border-style, var(--border-style, solid))!important;
  border-radius:var(--m-radius, var(--radius, 0))!important;
  padding:var(--m-pad, var(--pad, 0))!important;
  opacity:var(--m-opacity, var(--opacity, 1))!important;
}
body.nc-editor-page.nc-editor-mobile-mode .product-card [data-nc-child].is-manual-child,
body.nc-mobile-portrait-page .product-card [data-nc-child].is-manual-child{
  position:absolute!important;
  left:var(--mx, var(--x, 0))!important;
  top:var(--my, var(--y, 0))!important;
  width:var(--mw, var(--w, auto))!important;
  height:var(--mh, var(--h, auto))!important;
  z-index:var(--mz, var(--z, 10))!important;
}
body.nc-editor-page.nc-editor-mobile-mode .product-card.is-free-moving,
body.nc-mobile-portrait-page .product-card.is-free-moving{
  position:absolute!important;
  left:var(--mx, var(--x, auto))!important;
  top:var(--my, var(--y, auto))!important;
  width:var(--mw, var(--w, auto))!important;
  height:var(--mh, var(--h, auto))!important;
  z-index:var(--mz, var(--z, 1))!important;
}
body.nc-editor-page .nc-element-toolbar.is-visible{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.nc-editor-page.nc-editor-mobile-mode .nc-element-toolbar{
  position:fixed!important;
  max-width:min(370px, calc(100vw - 20px))!important;
}