/* v1.7.2 - hard recovery for editor tools + class-based render parity.
   This file intentionally loads LAST in live and editor. */

/* 1) Editor controls must be visible in editor. v1.7.0 hid them because it checked a removed body class. */
body.nc-editor-page .nc-selection-box.is-visible{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}
body.nc-editor-page .nc-selection-box.is-visible .nc-move-grip,
body.nc-editor-page .nc-selection-box.is-visible .nc-resize-grip{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!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-select-card,
body.nc-editor-page .nc-resize-handle{
  display:none!important;
}
body:not(.nc-editor-page) .nc-selection-box,
body:not(.nc-editor-page) .nc-element-toolbar,
body:not(.nc-editor-page) .nc-select-card,
body:not(.nc-editor-page) .nc-resize-handle{
  display:none!important;
}

/* 2) Same manual-card coordinate system in live and editor. */
.magazine-shell .page-safe-area{
  position:relative!important;
  overflow:hidden!important;
}
.magazine-shell .editorial-grid{
  position:relative!important;
  min-height:0!important;
}
.magazine-shell .page.layout-manual .editorial-grid,
.magazine-shell .editorial-grid.manual-canvas{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
}
.magazine-shell .editorial-grid.manual-canvas > .product-card.is-free-moving,
.magazine-shell .editorial-grid.manual-canvas > .product-card.is-manual-card,
.magazine-shell .page.layout-manual .editorial-grid > .product-card.is-free-moving,
.magazine-shell .page.layout-manual .editorial-grid > .product-card.is-manual-card{
  position:absolute!important;
  left:var(--x, 0)!important;
  top:var(--y, 0)!important;
  width:var(--w, 240px)!important;
  height:var(--h, 180px)!important;
  z-index:var(--z, 1)!important;
  box-sizing:border-box!important;
  max-width:none!important;
  max-height:none!important;
  min-width:60px!important;
  min-height:46px!important;
  margin:0!important;
  overflow:hidden!important;
  display:block!important;
  background:var(--card-bg, rgba(255,246,214,.16))!important;
  border-color:var(--border-color, rgba(74,50,18,.32))!important;
  border-width:var(--border-width, 1px)!important;
  border-style:var(--border-style, solid)!important;
  border-radius:var(--radius, 0)!important;
  padding:var(--pad, 8px)!important;
}

/* 3) Same child coordinate system in live and editor.
      Wrappers are structural only when a card contains manually edited children. */
.magazine-shell .product-card.is-child-layout{
  position:relative!important;
  isolation:isolate!important;
  contain:layout paint style!important;
  overflow:hidden!important;
}
.magazine-shell .product-card.is-child-layout .product-copy,
.magazine-shell .product-card.is-child-layout .price-row{
  display:contents!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.magazine-shell .product-card.is-child-layout [data-nc-child].is-manual-child,
.magazine-shell .product-card.is-child-layout [data-nc-child][style*="--x"],
.magazine-shell .product-card.is-child-layout [data-nc-child][style*="--y"],
.magazine-shell .product-card.is-child-layout [data-nc-child][style*="--w"],
.magazine-shell .product-card.is-child-layout [data-nc-child][style*="--h"]{
  position:absolute!important;
  left:var(--x, 0)!important;
  top:var(--y, 0)!important;
  width:var(--w, 80px)!important;
  height:var(--h, 32px)!important;
  z-index:var(--z, 10)!important;
  display:block!important;
  box-sizing:border-box!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:var(--text-color, inherit)!important;
  background:var(--card-bg, transparent)!important;
  font-size:var(--font-size, inherit)!important;
  font-family:var(--font-family, inherit)!important;
  font-weight:var(--font-weight, inherit)!important;
  text-align:var(--text-align, inherit)!important;
  border-color:var(--border-color, transparent)!important;
  border-width:var(--border-width, 0)!important;
  border-style:var(--border-style, solid)!important;
  border-radius:var(--radius, 0)!important;
  padding:var(--pad, 0)!important;
  opacity:var(--opacity, 1)!important;
  line-height:1.05!important;
  transform:none!important;
}
.magazine-shell .product-card.is-child-layout .product-media.is-manual-child img,
.magazine-shell .product-card.is-child-layout [data-nc-child="image"][style*="--x"] img,
.magazine-shell .product-card.is-child-layout [data-nc-child="image"][style*="--y"] img,
.magazine-shell .product-card.is-child-layout [data-nc-child="image"][style*="--w"] img,
.magazine-shell .product-card.is-child-layout [data-nc-child="image"][style*="--h"] img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.magazine-shell .product-card.is-child-layout .old-price,
.magazine-shell .product-card.is-child-layout [data-nc-child="old_price"]{
  text-decoration:line-through!important;
  text-decoration-thickness:3px!important;
}
.magazine-shell .product-card.is-child-layout [style*="display:none"],
.magazine-shell .product-card.is-child-layout [style*="display: none"]{
  display:none!important;
}