@layer components {
	.adfuz-tooltip {
		@apply pointer-events-none absolute z-50 px-2 py-1 text-xs leading-tight
		text-white bg-gray-800 rounded shadow whitespace-nowrap
		opacity-0 scale-95 transition-opacity duration-100;
	}

	.adfuz-tooltip[data-show='true'] {
		@apply opacity-100 scale-100;
	}
}

.adfuz-sortable-placeholder {
	height: 42px;
	background: #f0f4ff;
	border: 2px dashed #93c5fd;
	border-radius: 4px;
}


.adfuz-ads-save textarea.wp-editor-area {
	width: 100% !important;
	box-sizing: border-box !important;
	resize: vertical;
}

/* Animation state — toggled by JS */
#adfuz-confirm-dialog.is-open {
	opacity: 1;
	transform: scale(1) translateY(0);
}

/* Button variants — applied by JS, not toggled in-place */
.adfuz-btn-danger {
	background-color: #dc2626; /* red-600  */
	color: #fff;
	outline-color: #dc2626;
}

.adfuz-btn-danger:hover {
	background-color: #b91c1c;
}

/* red-700 */

.adfuz-btn-info {
	background-color: #2563eb; /* blue-600 */
	color: #fff;
	outline-color: #2563eb;
}

.adfuz-btn-info:hover {
	background-color: #1d4ed8;
}

#adfuz-confirm-ok[data-variant="danger"] {
	background-color: #dc2626;
	outline-color: #dc2626;
}
#adfuz-confirm-ok[data-variant="danger"]:hover {
	background-color: #b91c1c;
}
#adfuz-confirm-ok[data-variant="info"] {
	background-color: #2563eb;
	outline-color: #2563eb;
}
#adfuz-confirm-ok[data-variant="info"]:hover {
	background-color: #1d4ed8;
}
/* blue-700 */