/*
 * CRDM shared jQuery UI tooltip presentation.
 *
 * Tooltips are created globally from elements with a data-tooltip attribute.
 * Keep page-specific tooltip content in the markup and visual presentation here.
 */

body .ui-tooltip.ui-widget.ui-widget-content {
	box-sizing: border-box;
	z-index: 10000;
	max-width: min(340px, calc(100vw - 24px));
	padding: 0;
	overflow: hidden;
	background: var(--crdm-surface-control);
	background-image: none;
	border: 1px solid var(--crdm-border-strong);
	border-top: 2px solid var(--crdm-brand-gold);
	border-radius: var(--crdm-radius-sm);
	box-shadow: var(--crdm-shadow-popover);
	color: var(--crdm-text-strong);
	font-family: var(--crdm-font-ui);
	font-size: 12px;
	line-height: 1.45;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
	pointer-events: none;
}

body .ui-tooltip .ui-tooltip-content {
	padding: 8px 11px;
	color: inherit;
}