#wpadminbar #wp-admin-bar-maca-hold-status > .ab-item {
	display: flex;
	align-items: center;
}

#wpadminbar .maca-hold-admin-bar-title {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

#wpadminbar .maca-hold-lamp {
	display: inline-block;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	flex-shrink: 0;
}

#wpadminbar .maca-hold-lamp--on {
	background: #ff4d4f;
	box-shadow: 0 0 6px rgba(255, 77, 79, 0.8);
}

#wpadminbar .maca-hold-lamp--off {
	background: #3dd68c;
	box-shadow: 0 0 6px rgba(61, 214, 140, 0.55);
}

#wpadminbar .maca-hold-admin-bar-label {
	font-weight: 600;
}

#wpadminbar .maca-hold-admin-bar-state {
	opacity: 0.85;
	font-size: 12px;
}

#wpadminbar #wp-admin-bar-maca-hold-status.maca-hold-admin-bar-active > .ab-item {
	background: rgba(214, 54, 56, 0.2);
}

#wpadminbar #wp-admin-bar-maca-hold-status.maca-hold-admin-bar-active:hover > .ab-item,
#wpadminbar #wp-admin-bar-maca-hold-status.maca-hold-admin-bar-active > .ab-item:focus {
	background: rgba(214, 54, 56, 0.35);
	color: #fff;
}

#wpadminbar #wp-admin-bar-maca-hold-status.maca-hold-admin-bar-inactive:hover > .ab-item,
#wpadminbar #wp-admin-bar-maca-hold-status.maca-hold-admin-bar-inactive > .ab-item:focus {
	background: rgba(61, 214, 140, 0.15);
	color: #fff;
}

@media screen and (max-width: 782px) {
	#wpadminbar .maca-hold-admin-bar-state {
		display: none;
	}
}
