/* ============================================================== */
/* CSS for control sap.suite.ui.microchart/InteractiveDonutChart  */
/* Horizon High Contrast Black theme                              */
/* ============================================================== */

@_sap_suite_ui_microchart_InteractiveDonutChart_SegmentFillColor: @sapUiHcStandardForeground;

/* GENERAL */
html.sap-tablet .sapSuiteIDC.sapSuiteIDCNonInteractive .sapSuiteIDCLegendSegment:not(.sapSuiteIDCLegendSegmentSelected):focus,
html.sap-phone .sapSuiteIDC.sapSuiteIDCNonInteractive .sapSuiteIDCLegendSegment:not(.sapSuiteIDCLegendSegmentSelected):focus,
.sapSuiteIDC {
	border: 0.125rem dotted transparent;
}

/* FOCUS */
html.sap-desktop .sapSuiteIDC:focus {
	border-color: @sapUiHcStandardForeground;
}

html.sap-desktop .sapSuiteIDCLegendSegment:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: -0.125rem;
}

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

	.sapSuiteIDCLegendSegment:focus {
		outline: none;
		position: relative;
	}

	.sapSuiteIDCLegendSegment:focus::before {
		content: '';
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dashed @sapUiHcStandardForeground;
		pointer-events: none;
	}
}

html[data-sap-ui-browser^="ff"].sap-desktop {

	.sapSuiteIDCLegendSegment:focus:before {
		border-style: dotted;
	}
}

/* LEGEND SEGMENTS */
html.sap-desktop .sapSuiteIDC:not(.sapSuiteIDCNonInteractive) {

	.sapSuiteIDCLegendSegmentHover {
		background-color: @sapUiHcHighlightBackground;
	}

	.sapSuiteIDCLegendSegmentHover:not(:focus) {
		border: 1px solid @sapUiHcStandardForeground;
	}

	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover {
		background-color: @sapUiHcHighlightBackground;
	}

	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover:not(:focus) {
		border: 1px solid @sapUiHcStandardForeground;
	}
}

.sapSuiteIDCLegendSegmentSelected {
	background-color: @sapUiHcHighlightAltBackground;
}

html.sap-tablet .sapSuiteIDCLegendSegmentSelected,
html.sap-phone .sapSuiteIDCLegendSegmentSelected,
html.sap-desktop .sapSuiteIDCLegendSegmentSelected:not(:focus) {
	border: 1px solid @sapUiHcStandardForeground;
}

/* SVG STYLE */
.sapSuiteIDCChartSegment {
	stroke: none;
}

.sapSuiteIDCChartSegmentGhostHighlight.sapSuiteIDCChartSegmentGhostSelected,
.sapSuiteIDCChartSegmentGhostHighlight {
	fill: @sapUiHcHighlightBackground;
	stroke: @sapUiHcStandardForeground;
	stroke-width: 1px;
}

.sapSuiteIDCChartSegmentGhostSelected {
	fill: @sapUiHcHighlightAltBackground;
	stroke: @sapUiHcStandardForeground;
	stroke-width: 1px;
}

.sapSuiteIDCSemanticMarker {
	border-right-color: @sapUiHcStandardBackground;
	border-right-style: solid;
	border-right-width: 1px;
}