/*
 * Кнопка «Generate» у редакторі запису.
 */

/*
 * Панель — на самий верх бічної колонки.
 *
 * У новому редакторі будь-яка панель від плагіна опиняється під усіма
 * власними панелями WordPress: під статусом, картинкою, категоріями. Кнопку
 * доводилося шукати прокруткою, тобто її наче й немає. Пріоритет `high` тут
 * не працює — порядок задає сам редактор, тому піднімаємо показом.
 *
 * Батьківський блок шукаємо через :has, бо клас у нього згенерований і
 * змінюється від версії до версії.
 */
:is( .editor-sidebar__panel, .edit-post-sidebar__panel ) *:has( > .edit-post-meta-boxes-area.is-side ),
:is( .editor-sidebar__panel, .edit-post-sidebar__panel ) *:has( > .editor-meta-boxes-area.is-side ) {
	display: flex;
	flex-direction: column;
}

.edit-post-meta-boxes-area.is-side,
.editor-meta-boxes-area.is-side {
	order: -1;
}

/* Кнопка має читатися як «це зробить ШІ», а не як ще одна дія редактора. */
#livedit-ai-agent-write {
	display: block;
	/*
	 * Без box-sizing кнопка ширша за колонку рівно на свої відступи: редактор
	 * не задає його для вмісту метабоксів, і кнопка вилазила за край панелі.
	 */
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: 11px 14px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient( 120deg, #7c3aed 0%, #4f46e5 50%, #2563eb 100% );
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba( 79, 70, 229, .35 );
	transition: box-shadow .15s ease, transform .15s ease, filter .15s ease;
}

#livedit-ai-agent-write:hover:not( :disabled ) {
	filter: brightness( 1.08 );
	box-shadow: 0 4px 14px rgba( 79, 70, 229, .45 );
	transform: translateY( -1px );
}

#livedit-ai-agent-write:focus-visible {
	outline: 2px solid #1d4ed8;
	outline-offset: 2px;
}

#livedit-ai-agent-write:disabled {
	filter: grayscale( .5 );
	box-shadow: none;
	cursor: default;
}