/**
 * PagePin - Admin Bar Styles
 *
 * Styling for the PagePin admin bar integration.
 *
 * @package   PagePin
 * @author    Patrick Schlesinger
 * @copyright 2026 PagePin Patrick Schlesinger
 * @license   GPL-2.0-or-later
 * @contact   service@pagepin.io
 * @version   1.4.0
 */

/* ===== ADMIN BAR ICON ===== */
#wpadminbar #wp-admin-bar-pagepin-menu > .ab-item .pagepin-ab-icon svg {
	fill: #a0a5aa;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 4px;
}

#wpadminbar #wp-admin-bar-pagepin-menu:hover > .ab-item .pagepin-ab-icon svg,
#wpadminbar #wp-admin-bar-pagepin-menu.hover > .ab-item .pagepin-ab-icon svg {
	fill: #ff6800;
}

/* ===== ADMIN BAR BADGE ===== */
#wpadminbar .pagepin-adminbar-badge {
	display: inline-block !important;
	min-width: 18px;
	height: 18px;
	padding: 0 6px;
	margin-left: 6px;
	background: #ef4444 !important;
	color: #fff !important;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	border-radius: 9px;
	vertical-align: middle;
	box-sizing: border-box;
}

/* ===== STATUS INDICATORS ===== */
.pagepin-ab-status {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}

.pagepin-ab-status-off {
	background: #64748b;
}

.pagepin-ab-status-on {
	background: #22c55e;
	box-shadow: 0 0 4px rgba(34, 197, 94, 0.6);
}

/* ===== HOVER STYLES ===== */
#wpadminbar .pagepin-ab-toggle > .ab-item:hover {
	color: #ff6800 !important;
}

#wpadminbar #wp-admin-bar-pagepin-menu.hover > .ab-item,
#wpadminbar #wp-admin-bar-pagepin-menu:hover > .ab-item {
	color: #ff6800 !important;
}