/* ============================================================ */
/* CSS for control sap.suite.ui.microchart/InteractiveBarChart  */
/* Horizon High Contrast White theme                            */
/* ============================================================ */

.sapSuiteIBCBar {
	background-color: @sapUiHcStandardBackground;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: @sapUiHcStandardForeground;

	&.sapSuiteIBCBarNegative.sapSuiteIBCValueNegative {
		border-left-width: 1px;
	}

	&.sapSuiteIBCBarPositive.sapSuiteIBCValuePositive {
		border-right-width: 1px;
	}

	&.sapSuiteIBCBarValueNull {
		border: none;
	}
}

/* hover */
.sapSuiteIBCBarInteractionArea:hover {
	background-color: var(--sapHighlightColor) !important;
	border: 1px solid var(--sapContent_ContrastTextColor) !important;
}

.sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarLabelText,
.sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarValue.sapSuiteIBCBarValueOutside {
	color: var(--sapContent_LabelColor);
}

.sapSuiteIBCBarSelected.sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarLabelText,
.sapSuiteIBCBarSelected.sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarValue.sapSuiteIBCBarValueOutside {
	color: var(--sapTextColor);
}

.sapSuiteIBCBarSelected.sapSuiteIBCBarInteractionArea:hover {
	background-color: var(--sapHighlightColor);
}

.sapSuiteIBCBarSelected {
	border: 1px solid var(--sapContent_ContrastTextColor);
	background-color: var(--sapSelectedColor);
}

html.sap-desktop .sapSuiteIBC:not(.sapSuiteIBCNonInteractive) .sapSuiteIBCBarInteractionArea:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: -2px;
	border-color: transparent;
}

/* Firefox stretches the outline */
html[data-sap-ui-browser^="ff"].sap-desktop {

	.sapSuiteIBC:not(.sapSuiteIBCNonInteractive) .sapSuiteIBCBarInteractionArea:focus {
		outline: none;
		position: relative;
	}

	.sapSuiteIBC:not(.sapSuiteIBCNonInteractive) .sapSuiteIBCBarInteractionArea:focus::before {
		content: '';
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 2px dashed @sapUiHcStandardForeground;
		pointer-events: none;
	}
}

.sapSuiteIBCDivider {
	background-color: @sapUiHcStandardForeground;
}

.sapSuiteIBCSemanticMarker {
	border-right: 1px solid @sapUiHcStandardBackground;
}