/*-- Image --*/
.image_mapping-image { position: relative; display: block; width: 100%; overflow: hidden; cursor: crosshair; z-index: 9999; }
.image_mapping-image img { display: block; width: 100%; position: relative; z-index: 10000; }
.image_mapping-image span {width: 16px;height: 16px;border-radius: 10px;background: white;position: absolute;transform: translate(-50%, -50%);box-sizing: border-box;background: radial-gradient(white, white 20%, black); z-index: 10001; pointer-events: none;}
.image_mapping-image span:after { position: absolute; top: 50%; left: 50%; display: block; width: 4px; height: 4px; background: red; content: ''; margin-left: -2px; margin-top: -2px; border-radius: 3px; }

/* ACF Block specific fixes - prevent Gutenberg from stealing clicks */
.acf-block-fields .image_mapping-image { position: relative; z-index: 99999 !important; overflow: visible !important; }
.acf-block-fields .image_mapping-image img { pointer-events: auto !important; z-index: 100000 !important; }
.acf-block-fields .image_mapping-image span {
    z-index: 100001 !important;
    pointer-events: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}
.acf-block-preview .image_mapping-image { position: relative; z-index: 99999 !important; overflow: visible !important; }
.acf-block-preview .image_mapping-image img { pointer-events: auto !important; z-index: 100000 !important; }
.acf-block-preview .image_mapping-image span {
    z-index: 100001 !important;
    pointer-events: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}