/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Belize High Contrast White theme  */
/* ================================= */

@_sap_m_IconTabBar_FilterExpandButtonBadgeTop: 1.25rem;
@_sap_m_IconTabBar_Compact_FilterExpandButtonBadgeTop: 0.5rem;
@_sap_m_IconTabFilter_Icon_Border_Radius: 0.375rem;
@_sap_m_IconTabFilter_Icon_Border_Color: @sapUiButtonBorderColor;

/* Shell overrides */
@_sap_m_IconTabBar_ShellOverflowBorderColor: @sapUiButtonBorderColor;
@_sap_m_IconTabBar_ShellOverflowHoverBorderColor: @sapUiButtonHoverBorderColor;
@_sap_m_IconTabBar_ShellOverflowPressedBorderColor: @sapUiButtonActiveBorderColor;
@_sap_m_IconTabBar_ShellHeaderShadow: inset 0 -0.25rem 0 -0.125rem @sapUiObjectHeaderBorderColor;
@_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: 0.6875rem;
@_sap_m_IconTabBar_HeaderMinHeight: 3rem;

/* Head Container */

.sapMITH:not(.sapMITBTextOnly) .sapMITBHead {
	padding: 1.125rem 0 0 0.125rem;
}

.sapUiSizeCompact .sapMITH,
.sapUiSizeCompact.sapMITH {
	&.sapMITBTextOnly .sapMITHEndOverflow {
		margin-top: 0;

		.sapMITBText {
			padding: 0;
		}

		.sapMITBFilterExpandBtn {
			padding-bottom: 0.5rem;
		}
	}

	&.sapMITBTextOnly.sapMITBInLine .sapMITHEndOverflow .sapMITBText {
		padding-bottom: 0.25rem;
	}
}

/* Arrow */

.sapMITBSelected .sapMITBContentArrow {
	border-bottom-color: @sapUiObjectHeaderBorderColor;
	border-bottom-width: 0.25rem;
}

/* Content Container */

.sapMITBContainerContent {
	border: 0.125rem solid @sapUiObjectHeaderBorderColor;
	border-top: 0.125rem solid @sapUiObjectHeaderBorderColor;
}

.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent {
	border: none;
}

/* Tab Item */

.sapMITBVertical .sapMITBTab {
	position: relative;
}

.sapUiMedia-Std-Phone .sapMITBTextOnly .sapMITBHead .sapMITBTab {
	padding-right: 0.25rem;
}

/* Tab Filter Item */

.sapMITBTextOnly .sapMITBFilterDefault.sapMITBSelected .sapMITBText {
	color: @sapUiGroupTitleTextColor;
}

.sapMITBFilterIcon {
	background: @sapUiObjectHeaderBackground;
	border: 1px solid @sapUiObjectHeaderBorderColor;
}

.sapMITBFilterDefault {
	color: @sapUiGroupTitleTextColor;
}

.sapMITBSelected .sapMITBFilterIcon {
	background: @sapUiSelected;
	color: @sapUiContentIconColor;
}

/* Custom focus outline */
html.sap-desktop {
	.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText {
		&::after {
			top: -0.125rem;
			bottom: -0.125rem;
			right: -0.125rem;
			left: -0.125rem;
		}
	}
	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
		&::after {
			top: 0;
		}
	}

	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
		&::after {
			bottom: 1.75rem;
		}
	}

	.sapMITH.sapUiSizeCompact {

		.sapMITBItem.sapMITBVertical:focus.sapMITBAll {
			&::after {
				bottom: 1.5rem;
			}
		}

		.sapMITBItem.sapMITBHorizontal:focus.sapMITBAll {
			&::after {
				bottom: 0.5rem;
			}
		}

		&.sapMITBTextOnly .sapMITBHead .sapMITBItem:focus .sapMITBText {
			&::after {
				top: 0.25rem;
			}
		}
	}
}

/* HCW Additional Styles */

.sapMITBFilter .sapMITBText:before,
.sapMITBFilter.sapMITBVertical .sapMITBTab:after,
.sapMITBSelectItem .sapMITBText:before {
	font-family: 'SAP-icons';
	font-size: 0.75rem;
	margin-right: 0.5rem;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.sapMITBHorizontal.sapMITBFilterPositive .sapMITBText:before,
.sapMITBTextOnly .sapMITBFilterPositive .sapMITBText:before,
.sapMITBVertical.sapMITBFilterPositive .sapMITBTab:after,
.sapMITBSelectItem.sapMITBFilterPositive .sapMITBText:before {
	color: @sapPositiveTextColor;
	content: "\e1c1";
}

.sapMITBHorizontal.sapMITBFilterNegative .sapMITBText:before,
.sapMITBTextOnly .sapMITBFilterNegative .sapMITBText:before,
.sapMITBVertical.sapMITBFilterNegative .sapMITBTab:after,
.sapMITBSelectItem.sapMITBFilterNegative .sapMITBText:before {
	color: @sapNegativeTextColor;
	content: "\e1ec";
}

.sapMITBHorizontal.sapMITBFilterCritical .sapMITBText:before,
.sapMITBTextOnly .sapMITBFilterCritical .sapMITBText:before,
.sapMITBVertical.sapMITBFilterCritical .sapMITBTab:after,
.sapMITBSelectItem.sapMITBFilterCritical .sapMITBText:before {
	color: @sapCriticalTextColor;
	content: "\e053";
}

.sapMITBVertical.sapMITBFilter .sapMITBTab:after {
	bottom: 0;
	margin-right: -1rem;
	position: absolute;
}

.sapMITBTextOnly .sapMITBTab:after {
	display: none;
}

.sapMITBTextOnly .sapMITBFilter .sapMITBCount {
	margin-left: 1.25rem;
}

.sapMITBHorizontal.sapMITBFilter .sapMITBText:before {
	margin-right: 0.25rem;
}

// Semantic icons in Select List
.sapMITBSelectItem .sapMITBText::before {
	position: absolute;
	margin-left: -3.5rem;
}

.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMITBText::before {
	margin-left: -1.5rem;
	margin-top: 0.0625rem;
}

.sapUiSizeCompact {
	.sapMITBSelectItem .sapMITBText::before {
		position: absolute;
		margin-left: -2.75rem;
	}

	.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMITBText::before {
		margin-left: -1.5rem;
		margin-top: 0;
	}
}

/* ------------------------------------------------ */
/* IconTabBar Badge									*/
/* ------------------------------------------------ */

.sapMITH, .sapMITBFilterPopover {
	.sapMBadge .sapMBadgeAttention {
		background-color: @sapUiContentIconColor;
	}
}

.sapFDynamicPage-Std-Desktop {
	.sapUiResponsiveContentPadding {
		.sapMITH,
		&.sapMITH {
			padding: 0 3rem !important;
		}

		.sapMITBContent {
			padding: 1rem 3rem !important;
		}
	}
}