/**
 * USC tooltip styles.
 *
 * The trigger span rendered by the [tooltip] shortcode, plus the
 * "usc-ois" theme for the Tippy.js popup (see public/js/usc-tooltips-init.js).
 */

.usc-tooltip {
	border-bottom: 1px dotted currentColor;
	cursor: help;
}

.usc-tooltip:focus-visible {
	outline: 2px solid #900;
	outline-offset: 2px;
}

.tippy-box[data-theme~='usc-ois'] {
	background-color: #900;
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.4;
}

.tippy-box[data-theme~='usc-ois'] .tippy-content {
	padding: 0.5rem 0.75rem;
}

.tippy-box[data-theme~='usc-ois'][data-placement^='top'] > .tippy-arrow::before {
	border-top-color: #900;
}

.tippy-box[data-theme~='usc-ois'][data-placement^='bottom'] > .tippy-arrow::before {
	border-bottom-color: #900;
}

.tippy-box[data-theme~='usc-ois'][data-placement^='left'] > .tippy-arrow::before {
	border-left-color: #900;
}

.tippy-box[data-theme~='usc-ois'][data-placement^='right'] > .tippy-arrow::before {
	border-right-color: #900;
}