/* ── AI Submenu – "Create With AI" button ── */
#adminmenu .wp-submenu li a:has(.tf-ai-submenu-item) {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin: 8px 14px 8px;
	background: #2a2d35;
	border: none !important;
	border-radius: 4px;
	color: #fff !important;
	letter-spacing: 0.01em;
	cursor: pointer;
	z-index: 0;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	overflow: visible;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	width: 110px;
}
#adminmenu .wp-submenu li a:has(.tf-ai-submenu-item)::before {
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: 4px;
	background: linear-gradient(135deg, #3b82f6 0%, #0464C8 25%, #3b82f6 40%, #f59e0b 75%, #eab308 100%);
	z-index: -1;
	pointer-events: none;
}
#adminmenu .wp-submenu li a:has(.tf-ai-submenu-item)::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 4px;
	background: #2a2d35;
	z-index: -1;
	pointer-events: none;
}
#adminmenu .wp-submenu li a:has(.tf-ai-submenu-item):hover,
#adminmenu .wp-submenu li a:has(.tf-ai-submenu-item):focus {
	box-shadow: 0 0 20px rgba(96, 165, 250, 0.35), 0 0 20px rgba(234, 179, 8, 0.2);
	color: #fff !important;
	background: #2a2d35;
}
@keyframes tfBorderSpin {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
#adminmenu .wp-submenu li a:has(.tf-ai-submenu-item):hover::before {
	background: linear-gradient(135deg, #3b82f6 0%, #0464C8 25%, #3b82f6 40%, #f59e0b 75%, #eab308 100%);
	background-size: 300% 300%;
	animation: tfBorderSpin 2.5s ease infinite;
}
.tf-ai-submenu-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	position: relative;
	z-index: 1;
}
.tf-ai-submenu-item::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2501_5494)'%3E%3Cmask id='mask0_2501_5494' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cpath d='M16 0H0V16H16V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2501_5494)'%3E%3Cpath d='M13.3336 1.33265V3.99932M14.667 2.66598H12.0003M7.34496 1.87532C7.37353 1.72239 7.45468 1.58426 7.57436 1.48486C7.69404 1.38546 7.84472 1.33105 8.00032 1.33105C8.15584 1.33105 8.30656 1.38546 8.42624 1.48486C8.54592 1.58426 8.62704 1.72239 8.6556 1.87532L9.35632 5.58066C9.40608 5.84409 9.53408 6.0864 9.72368 6.27597C9.9132 6.46554 10.1555 6.59355 10.419 6.64332L14.1243 7.34398C14.2772 7.37255 14.4154 7.4537 14.5147 7.57338C14.6142 7.69306 14.6686 7.84374 14.6686 7.99932C14.6686 8.15486 14.6142 8.30558 14.5147 8.42526C14.4154 8.54494 14.2772 8.62606 14.1243 8.65462L10.419 9.35534C10.1555 9.4051 9.9132 9.5331 9.72368 9.7227C9.53408 9.91222 9.40608 10.1545 9.35632 10.418L8.6556 14.1233C8.62704 14.2762 8.54592 14.4144 8.42624 14.5137C8.30656 14.6132 8.15584 14.6676 8.00032 14.6676C7.84472 14.6676 7.69404 14.6132 7.57436 14.5137C7.45468 14.4144 7.37353 14.2762 7.34496 14.1233L6.6443 10.418C6.59453 10.1545 6.46651 9.91222 6.27694 9.7227C6.08738 9.5331 5.84506 9.4051 5.58162 9.35534L1.8763 8.65462C1.72336 8.62606 1.58524 8.54494 1.48584 8.42526C1.38644 8.30558 1.33203 8.15486 1.33203 7.99932C1.33203 7.84374 1.38644 7.69306 1.48584 7.57338C1.58524 7.4537 1.72336 7.37255 1.8763 7.34398L5.58162 6.64332C5.84506 6.59355 6.08738 6.46554 6.27694 6.27597C6.46651 6.0864 6.59453 5.84409 6.6443 5.58066L7.34496 1.87532ZM4.0003 13.3326C4.0003 14.069 3.40334 14.666 2.66696 14.666C1.93058 14.666 1.33362 14.069 1.33362 13.3326C1.33362 12.5963 1.93058 11.9993 2.66696 11.9993C3.40334 11.9993 4.0003 12.5963 4.0003 13.3326Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2501_5494'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;
	flex-shrink: 0;
	transition: filter 0.2s ease 0.15s, width 0.2s ease 0.15s, height 0.2s ease 0.15s;
}
.tf-ai-submenu-item:hover::before {
	width: 16px;
	height: 16px;
}
