/**
 * MyListing Tooltips — quick actions (desktop hover labels).
 *
 * Uses each action’s existing label <span> as the tooltip bubble (min-width 768px).
 * --mlpro-tooltip-bg and --mlpro-tooltip-fg are set from module settings (inline CSS).
 */

@media (min-width: 768px) {
	body.mlpro-mylisting-tooltips--quick-actions .quick-listing-actions > ul {
		padding-top: 40px;
		padding-left: 20px;
		padding-bottom: 5px;
	}

	body.mlpro-mylisting-tooltips--quick-actions .quick-listing-actions > ul > li:not(.cts-prev):not(.cts-next) {
		position: relative;
	}

	body.mlpro-mylisting-tooltips--quick-actions .quick-listing-actions > ul > li:not(.cts-prev):not(.cts-next) > a span {
		position: absolute;
		background: var(--mlpro-tooltip-bg);
		color: var(--mlpro-tooltip-fg);
		font-size: 0.688rem;
		font-weight: 500;
		bottom: 0;
		left: -15px;
		padding: 5px 12px;
		visibility: hidden;
		opacity: 0;
		transition: bottom 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
		border-radius: 50px;
		display: block !important;
		z-index: 1;
		overflow: unset;
		white-space: nowrap;
	}

	body.mlpro-mylisting-tooltips--quick-actions .quick-listing-actions > ul > li:not(.cts-prev):not(.cts-next) > a span::before {
		position: absolute;
		bottom: -5px;
		left: 20px;
		content: '';
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid var(--mlpro-tooltip-bg);
	}

	body.mlpro-mylisting-tooltips--quick-actions .quick-listing-actions > ul > li:not(.cts-prev):not(.cts-next) > a:hover span,
	body.mlpro-mylisting-tooltips--quick-actions .quick-listing-actions > ul > li:not(.cts-prev):not(.cts-next) > a:focus-visible span {
		bottom: 50px;
		visibility: visible;
		opacity: 1;
	}
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
	body.mlpro-mylisting-tooltips--quick-actions .quick-listing-actions > ul > li:not(.cts-prev):not(.cts-next) > a span {
		transition: none;
	}
}