/* Block editor: match Mini Cart badge layout (icon + corner counter). */
.block-editor-block-list__block .skynsmfa-menu-icon-editor-wrap,
.editor-styles-wrapper .skynsmfa-menu-icon-editor-wrap {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	max-width: none;
	line-height: 1;
}

.block-editor-block-list__block .skynsmfa-menu-icon,
.block-editor-block-list__block .skynsmfa-menu-icon--editor-preview,
.editor-styles-wrapper .skynsmfa-menu-icon,
.editor-styles-wrapper .skynsmfa-menu-icon--editor-preview {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	vertical-align: middle;
	width: auto;
	height: auto;
	font-size: var(--skynsmfa-menu-icon-size, 28px);
	line-height: 1;
}

.block-editor-block-list__block .skynsmfa-menu-icon__quantity,
.editor-styles-wrapper .skynsmfa-menu-icon__quantity {
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: var(--skynsmfa-menu-icon-size, 28px);
	height: var(--skynsmfa-menu-icon-size, 28px);
	flex: 0 0 auto;
}

.block-editor-block-list__block .skynsmfa-menu-icon__icon,
.editor-styles-wrapper .skynsmfa-menu-icon__icon {
	display: inline-flex !important;
	width: var(--skynsmfa-menu-icon-size, 28px);
	height: var(--skynsmfa-menu-icon-size, 28px);
	flex: 0 0 auto;
}

.block-editor-block-list__block .skynsmfa-menu-icon__icon .skynsmfa-wishlist-icon,
.editor-styles-wrapper .skynsmfa-menu-icon__icon .skynsmfa-wishlist-icon {
	width: 100%;
	height: 100%;
	fill: currentColor;
	display: block;
}

.block-editor-block-list__block .skynsmfa-menu-icon__custom-image,
.editor-styles-wrapper .skynsmfa-menu-icon__custom-image {
	display: block;
	width: var(--skynsmfa-menu-icon-size, 28px);
	height: var(--skynsmfa-menu-icon-size, 28px);
	object-fit: contain;
}

.block-editor-block-list__block .skynsmfa-menu-icon__badge,
.editor-styles-wrapper .skynsmfa-menu-icon__badge {
	position: absolute !important;
	top: calc(var(--skynsmfa-menu-icon-size, 28px) * -0.12);
	right: calc(var(--skynsmfa-menu-icon-size, 28px) * -0.2);
	z-index: 1;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: calc(var(--skynsmfa-menu-icon-size, 28px) * 0.55);
	height: calc(var(--skynsmfa-menu-icon-size, 28px) * 0.55);
	padding: 0 calc(var(--skynsmfa-menu-icon-size, 28px) * 0.1);
	border-radius: 999px;
	background: var(--skynsmfa-badge-bg, #cc1818);
	color: var(--skynsmfa-badge-color, #fff);
	font-size: calc(var(--skynsmfa-menu-icon-size, 28px) * 0.38) !important;
	font-weight: 600;
	line-height: 1 !important;
	letter-spacing: 0;
	white-space: nowrap;
	pointer-events: none;
}

.skynsmfa-menu-icon--editor-preview {
	pointer-events: none;
	cursor: default;
}

.skynsmfa-menu-icon-editor__media-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.skynsmfa-menu-icon-editor__media-preview {
	margin-top: 0.5rem;
	max-width: 80px;
}

.skynsmfa-menu-icon-editor__media-preview img {
	display: block;
	width: 100%;
	height: auto;
}
