.rc-resizable-box {
	box-sizing: border-box;
	position: relative;
	max-width: 100%;
	/* overflow тут намеренно НЕ задаётся — обрезка контента происходит
	   внутри .rc-resizable-inner, иначе маркеры ресайза по краям
	   попадали бы под обрезку и переставали ловить клики мыши. */
}

.rc-resizable-inner {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

/* Пока не в редакторе — никаких маркеров и рамок */
.rc-resizable-box:not(.rc-in-editor) .ui-resizable-handle {
	display: none;
}

.rc-resizable-box.rc-in-editor {
	outline: 1px dashed rgba(147, 0, 63, 0.5);
	outline-offset: 2px;
}

/* Пока идёт перетаскивание — глушим клики по контенту внутри блока,
   чтобы Elementor не пытался выделить/перетащить сам виджет */
.rc-resizable-box.rc-resizing .rc-resizable-inner {
	pointer-events: none;
}

/* --- Маркеры jQuery UI Resizable --- */
.rc-resizable-box.ui-resizable > .ui-resizable-handle {
	position: absolute;
	z-index: 99999;
}

.rc-resizable-box.ui-resizable > .ui-resizable-n,
.rc-resizable-box.ui-resizable > .ui-resizable-s {
	width: 100%;
	height: 12px;
	left: 0;
}
.rc-resizable-box.ui-resizable > .ui-resizable-n { top: -6px; cursor: n-resize; }
.rc-resizable-box.ui-resizable > .ui-resizable-s { bottom: -6px; cursor: s-resize; }

.rc-resizable-box.ui-resizable > .ui-resizable-e,
.rc-resizable-box.ui-resizable > .ui-resizable-w {
	height: 100%;
	width: 12px;
	top: 0;
}
.rc-resizable-box.ui-resizable > .ui-resizable-e { right: -6px; cursor: e-resize; }
.rc-resizable-box.ui-resizable > .ui-resizable-w { left: -6px; cursor: w-resize; }

.rc-resizable-box.ui-resizable > .ui-resizable-ne,
.rc-resizable-box.ui-resizable > .ui-resizable-nw,
.rc-resizable-box.ui-resizable > .ui-resizable-se,
.rc-resizable-box.ui-resizable > .ui-resizable-sw {
	width: 14px;
	height: 14px;
	background: #93003f;
	border: 2px solid #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}
.rc-resizable-box.ui-resizable > .ui-resizable-ne { top: -7px; right: -7px; cursor: ne-resize; }
.rc-resizable-box.ui-resizable > .ui-resizable-nw { top: -7px; left: -7px; cursor: nw-resize; }
.rc-resizable-box.ui-resizable > .ui-resizable-se { bottom: -7px; right: -7px; cursor: se-resize; }
.rc-resizable-box.ui-resizable > .ui-resizable-sw { bottom: -7px; left: -7px; cursor: sw-resize; }

/* маленький цветной квадратик по центру полос сверху/снизу/слева/справа */
.rc-resizable-box.ui-resizable > .ui-resizable-n::before,
.rc-resizable-box.ui-resizable > .ui-resizable-s::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 14px;
	height: 14px;
	transform: translate(-50%, -50%);
	background: #93003f;
	border: 2px solid #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}
.rc-resizable-box.ui-resizable > .ui-resizable-e::before,
.rc-resizable-box.ui-resizable > .ui-resizable-w::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	transform: translate(-50%, -50%);
	background: #93003f;
	border: 2px solid #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}
.rc-resizable-box.ui-resizable > .ui-resizable-e::before { left: 100%; }
.rc-resizable-box.ui-resizable > .ui-resizable-s::before { top: 100%; }

/* Рамка-призрак, которая двигается во время перетаскивания вместо
   тяжёлого содержимого — убирает лаги на "тяжёлых" блоках */
.rc-resize-helper {
	border: 2px dashed #93003f;
	background: rgba(147, 0, 63, 0.06);
}