/* Tooltip container */
.productbird-tooltip {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.productbird-tooltip .productbird-tooltip-text {
	visibility: hidden;
	width: 280px;
	background-color: #333;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 8px 12px;
	position: absolute;
	z-index: 2000;
	bottom: 125%;
	left: 50%;
	margin-left: -140px;
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
	line-height: 1.4;
	font-weight: normal;
	white-space: normal;
}

/* Tooltip arrow */
.productbird-tooltip .productbird-tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

/* Show tooltip on hover */
.productbird-tooltip:hover .productbird-tooltip-text {
	visibility: visible;
	opacity: 1;
}

/* Adjust position if tooltip would go off-screen */
@media (max-width: 768px) {
	.productbird-tooltip .productbird-tooltip-text {
		width: 200px;
		margin-left: -100px;
	}
}

th#productbird_status {
	width: 120px;
}