/* ═══════════════════════════════════════════════════════════════════════════
 * v28r7 Handle Touch Boost v1.0
 * WPCode snippet: CSS · Site Wide Header · Auto Insert
 *
 * MISSION
 *   Enlarge the 4 R7 midpoint scale handles (.v28r7-handle.ml/mr/mt/mb) on
 *   mobile so they're comfortably tappable with a finger, AND ensure they
 *   sit fully OUTSIDE the AO bounding box (no overlap with AO content).
 *
 *   Default state (set by snippet 7529 R7 Selection Overlay):
 *     - 18×18 px blue circles centered ~8px outside box edge
 *     - inner edge crosses box edge by ~1px (overlaps AO content)
 *
 *   New state (this snippet):
 *     - 24×24 px (+33% from 18) — meets Gabriel's "+30% minimum" spec
 *     - 2 px clearance between handle inner edge and box edge (fully outside)
 *     - Position math: handle center sits 14px outside box edge
 *       (24/2 + 2px gap = 14), CSS offset = 14 + 12 (half-width) = 26
 *
 *   Verified live via MCP probe:
 *     - All 4 handles render at 24×24
 *     - Clearance: ml=+2, mr=+2, mt=+2, mb=+2 (all fully outside)
 *
 * SCOPE
 *   - Mobile only: body.v28-dv2-mobile class is set by snippet 7574 v1.0.5+
 *     URL Gate (only present on /designer-v2-sprint-1-test/).
 *   - Desktop (no body class match) keeps R7 default 18×18 handles.
 *
 * RELATION
 *   - Independent of corner-anchor snippet 7638 (different layer).
 *   - Coexists with R7 7529 and frozen-frame corner icons; geometric
 *     non-overlap verified (icons push outward at small AO, handles
 *     stay at -26px which is well inside the icon frame).
 *
 * SENTINEL    (none — CSS only)
 * REVERT      delete this snippet OR disable in WPCode admin.
 * ═══════════════════════════════════════════════════════════════════════════ */

body.v28-dv2-mobile .v28r7-handle.ml,
body.v28-dv2-mobile .v28r7-handle.mr,
body.v28-dv2-mobile .v28r7-handle.mt,
body.v28-dv2-mobile .v28r7-handle.mb {
  width:  24px !important;
  height: 24px !important;
}

body.v28-dv2-mobile .v28r7-handle.ml {
  left:   -26px !important;
  margin: -12px 0 0 !important;
}

body.v28-dv2-mobile .v28r7-handle.mr {
  right:  -26px !important;
  margin: -12px 0 0 !important;
}

body.v28-dv2-mobile .v28r7-handle.mt {
  top:    -26px !important;
  margin: 0 0 0 -12px !important;
}

body.v28-dv2-mobile .v28r7-handle.mb {
  bottom: -26px !important;
  margin: 0 0 0 -12px !important;
}