/**
 * MGT Internal — DualPrice: stilul referinței EUR.
 *
 * Inline ar fi pătat CSP-ul; păstrăm regula într-un fișier dedicat,
 * încărcat condiționat doar pe limba target.
 */

.mgti-dp-ref {
	display: inline-block;
	margin-left: 0.35em;
	opacity: 0.7;
	font-size: 0.85em;
	white-space: nowrap;
}

/**
 * Varianta cu tooltip: suma rămâne mută, iconița „?" e trigger-ul. Tooltip 100%
 * CSS (iconiță + bulă `::after`) — fără JS, fără stiluri inline → CSP-safe și fără
 * „flash de căsuță goală". NU depinde de tema/WooCommerce (Woodmart dezactivează
 * asset-urile de tooltip ale WC, deci nici wc_help_tip nu mergea).
 */
.mgti-dp-ref--has-tip {
	opacity: 1; /* container la 1: suma primește 0.7, iconița rămâne complet vizibilă */
	white-space: nowrap;
}

.mgti-dp-ref__amount {
	opacity: 0.7; /* mutarea vizuală rămâne doar pe sumă */
}

/* Iconița „?" — cerc cu contur, adaptat la culoarea temei. Ancoră pentru bulă. */
.mgti-dp-info {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 1.15em;
	height: 1.15em;
	margin-left: 0.35em;
	border: 1px solid currentColor;
	border-radius: 50%;
	opacity: 0.7;
	vertical-align: middle;
	cursor: help;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

/* Glyph-ul „?" (::before) — nu depinde de fontul WooCommerce. */
.mgti-dp-info::before {
	content: "?";
	font: 700 0.72em/1 Arial, sans-serif;
}

.mgti-dp-info:hover,
.mgti-dp-info:focus {
	opacity: 1;
}

/**
 * Bula de tooltip = pseudo-elementul `::after`, alimentat din `data-mgti-dp-tip`.
 * 100% CSS: niciun element creat de JS, niciun stil inline → CSP-safe și fără
 * „flash de căsuță goală". Ascuns până la hover/focus.
 */
.mgti-dp-info::after {
	content: attr(data-mgti-dp-tip);
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 100000;
	width: max-content;
	max-width: min(260px, 80vw);
	padding: 8px 10px;
	border-radius: 6px;
	background: #1e1e1e;
	color: #fff;
	font: normal 400 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	text-align: center;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease, visibility 0.15s ease;
	pointer-events: none;
}

/* Plasări aliniate la dreapta (totaluri): bula se deschide spre stânga. */
.mgti-dp-info--left::after {
	left: auto;
	right: -4px;
	transform: none;
}

.mgti-dp-info:hover::after,
.mgti-dp-info:focus::after {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 480px) {
	.mgti-dp-info {
		width: 1.3em;
		height: 1.3em;
	}

	.mgti-dp-info::after {
		font-size: 13px;
		max-width: 80vw;
	}
}