/**
 * Placeholders - Block Editor Styles
 */

.wp-block[data-type^="placeholders/"] {
	margin: 20px 0;
}

/* Block editor specific styling */
.editor-styles-wrapper .placeholder-ad {
	opacity: 0.9;
	transition: opacity 0.2s ease-in-out;
}

.editor-styles-wrapper .placeholder-ad:hover {
	opacity: 1;
	border-color: #999;
}

/* Selected block state */
.wp-block[data-type^="placeholders/"].is-selected .placeholder-ad {
	border-color: #007cba;
	border-style: solid;
}

/* Alignment helpers in editor */
.wp-block[data-type^="placeholders/"].alignwide,
.wp-block[data-type^="placeholders/"].alignfull {
	display: flex;
	justify-content: center;
}

/* Make small ads more visible in editor */
.editor-styles-wrapper .placeholder-ad-mobile-banner {
	min-height: 50px;
}

.editor-styles-wrapper .placeholder-ad::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.02) 10px, rgba(0, 0, 0, 0.02) 20px);
	pointer-events: none;
}