/**
 * Caddy Cart Block Editor Styles
 *
 * Styles for the block editor interface.
 *
 * @since 2.1.3
 */

.caddy-cart-block-preview {
	position: relative;
}

.caddy-cart-block-preview::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	background: #0073aa;
	color: white;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	content: 'CADDY CART';
}

.caddy-cart-block .caddy-cart-trigger {
	cursor: pointer;
	transition: all 0.2s ease;
}

.caddy-cart-block .caddy-cart-trigger:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Block category icon styling */
.block-editor-inserter__block-list .editor-block-list-item-caddy-cart .editor-block-list-item__icon {
	background: #0073aa;
	color: white;
	border-radius: 4px;
}

/* Inspector panel styling */
.components-panel__body h2.components-panel__body-title {
	font-size: 13px;
	font-weight: 600;
}

/* Toggle control enhancements */
.components-toggle-control .components-base-control__help {
	margin-top: 4px;
	font-size: 12px;
	color: #757575;
}