/* ===================================================================== */
/* CSS for control sap.suite.ui.microchart/InteractiveDonutChart.control */
/* ===================================================================== */

@_sap_suite_ui_microchart_InteractiveDonutChart_SegmentFillColor: @sapHCStandardFG;

/* 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;
}

.sapSuiteIDCLegendLabelValue {
	color: @sapUiContentLabelColor;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	cursor: pointer;
}

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

html.sap-desktop .sapSuiteIDCLegendSegment:focus {
	outline: 0.125rem dotted @sapHCStandardFG;
	outline-offset: -0.125rem;
}

/* IE and Edge ignores outline-offset. Firefox stretches the outline */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop,
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: 0px;
		top: 0px;
		border: 0.125rem dashed @sapHCStandardFG;
		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: @sapHCHighlightBG;
	}
	.sapSuiteIDCLegendSegmentHover:not(:focus) {
		border: 1px solid @sapHCStandardFG;
	}
	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover {
		background-color: @sapHCHighlightAltBG;
	}
	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover:not(:focus) {
		border: 1px solid @sapHCStandardFG;
	}
	.sapSuiteIDCLegendSegmentHover,
	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover {
		.sapSuiteIDCLegendLabelValue {
			color: @sapUiContentForegroundTextColor;
		}
	}
}

.sapSuiteIDCLegendSegmentSelected {
	background-color: @sapHCHighlightAltBG;
	font-weight: bold;
	color: @sapUiContentForegroundTextColor;
}

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

/* SVG STYLE */
.sapSuiteIDCChartSegmentGhostHighlight {
	fill: @sapHCHighlightBG;
	stroke: @sapHCStandardFG;
	stroke-width: 1px;
}
.sapSuiteIDCChartSegmentGhostHighlight.sapSuiteIDCChartSegmentGhostSelected,
.sapSuiteIDCChartSegmentGhostSelected {
	fill: @sapHCHighlightAltBG;
	stroke: @sapHCStandardFG;
	stroke-width: 1px;
}
.sapSuiteIDCSemanticMarker {
	border-right-color: @sapHCStandardBG;
	border-right-style: solid;
	border-right-width: 1px;
}