/* Meir Group Tooltip. The trigger inherits the form's own text style, so it
   looks like the surrounding consent text with only a dotted underline as cue. */

/* Guard for the moment before (or without) JavaScript: keep the words inline
   even where a theme sets display:block on spans inside checkbox labels. */
span.meir-group-tip {
	display: inline !important;
	float: none !important;
	width: auto !important;
}

.meir-group-tip__trigger {
	all: unset;
	font: inherit;
	color: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	cursor: help;
	text-decoration: underline dotted;
	text-underline-offset: 0.2em;
	display: inline !important;
	width: auto !important;
	height: auto !important;
	float: none !important;
	/* Some themes stretch a transparent checkbox over the whole label;
	   lift the trigger above it so mouse and touch reach it. No layout change. */
	position: relative !important;
	z-index: 2;
}

.meir-group-tip__trigger:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 2px;
}

.meir-group-tip__bubble {
	position: fixed;
	z-index: 2147483000;
	box-sizing: border-box;
	padding: 8px 10px;
	background: var(--meir-tip-bg, #ffffff);
	color: var(--meir-tip-color, #1a1a1a);
	border: 1px solid var(--meir-tip-border, #bdbdbd);
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	line-height: 1.5;
	text-align: start;
	direction: rtl;
	white-space: normal;
	pointer-events: auto;
}

.meir-group-tip__bubble[hidden] {
	display: none;
}

/* The privacy-policy link in the consent text must not rely on colour alone
   (WCAG 1.4.1, axe link-in-text-block): keep it underlined on every theme. */
form.wpcf7-form a[target="_blank"][href*="mct.co.il"] {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

@media (forced-colors: active) {
	.meir-group-tip__bubble {
		border-color: CanvasText;
	}
}