/**
 * Lightweight tooltip bubble.
 *
 * @package OpenDoors
 */

.od-lt-bubble {
	position: absolute;
	z-index: 100100;
	max-width: 260px;
	padding: 6px 10px;
	font-size: 0.78rem;
	line-height: 1.45;
	color: #fff;
	background: #333;
	border-radius: 4px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.15s ease;
	white-space: normal;
	word-wrap: break-word;
}

.od-lt-bubble.od-lt-visible {
	opacity: 1;
}

/* Large variant — data-modaltype="large". For paragraph-length text such as
   the OD Dictionary description_* entries. */
.od-lt-bubble--large {
	max-width: 420px;
	padding: 12px 16px;
	font-size: 0.92rem;
	line-height: 1.55;
	border-radius: 6px;
	box-shadow: 0 6px 24px rgba( 0, 0, 0, 0.28 );
}

.od-lt-title {
	display: block;
	margin-bottom: 4px;
	font-weight: 700;
	color: #fff;
}

/* Help-icon variant — renders Material Icons "help" via ::after */
.od-lt-help {
	cursor: help;
}

.od-lt-help::after {
	font-family: 'Material Icons';
	content: 'help';
	font-size: 16px;
	line-height: 1;
	vertical-align: middle;
	font-weight: 700;
	color: var(--od-color-purple);
	text-transform: none;
	letter-spacing: normal;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
}