/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Evening Horizon theme             */
/* ================================= */

/* ========================================================================== */
/* Variables overriding */
/* ========================================================================== */

@_sap_m_IconTabBar_TextShadow: none;
@_sap_m_IconTabBar_Separator_Font_Size: var(--sapFontLargeSize);
@_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
@_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;


/* ==================== Cozy size ==================== */

/* Content arrow */
@_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;

/* Inline mode */
@_sap_m_IconTabBar_InLineFilterMargin: 0.875rem 0 0 0;
@_sap_m_IconTabBar_InLineTextOnlyVerticalHeight: 2.75rem;
@_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: @_sap_m_IconTabBar_ContentArrowHeight;

/* TextOnly mode */
@_sap_m_IconTabBar_TextOnlyTabPadding: 0 0 0.125rem 0;
@_sap_m_IconTabBar_TextOnlyVerticalHeight: 3rem;

/* NoText mode */
@_sap_m_IconTabBar_NoTextFilterWidth: 3.125rem;
@_sap_m_IconTabBar_NoTextVerticalHeight: 3.75rem;

/* All tabs */
@_sap_m_IconTabBar_AllTabHeight: 2.875rem;
@_sap_m_IconTabBar_AllTabLineHeight: 2.875rem;
@_sap_m_IconTabBar_AllTabMarginBottom: 0.375rem;

/* Horizontal tabs */
@_sap_m_IconTabBar_HorizontalFilterHeight: 3.75rem;
@_sap_m_IconTabBar_HorizontalTabHeight: 2.75rem;
@_sap_m_IconTabBar_HorizontalWrapperHeight: 2.75rem;
@_sap_m_IconTabBar_HorizontalTabWidth: 3.125rem;
@_sap_m_IconTabBar_HorizontalCountTop: 0.375rem;
@_sap_m_IconTabBar_HorizontalTextPaddingTop: 0.375rem;
@_sap_m_IconTabBar_HorizontalTextPaddingLeft: 0.125rem;

/* Vertical tabs */
@_sap_m_IconTabBar_VerticalHeight: 4.625rem;
@_sap_m_IconTabBar_VerticalContentArrowHeight: 0.625rem;

/* Filter icon */
@_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
@_sap_m_IconTabBar_FilterIconWidth: 2.75rem;

/* Filter text */
@_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;

/* Separator */
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;

/* Left and Right arrows */
@_sap_m_IconTabBar_ArrowScrollPadding: 0.875rem 0.4rem;
@_sap_m_IconTabBar_SplitContainerArrowScrollPadding: 0.875rem 0.4rem;

/* Header */
@_sap_m_IconTabBar_HeaderBackgroundTranslucent: var(--sapObjectHeader_Background);
@_sap_m_IconTabBar_HeaderBackground: var(--sapObjectHeader_Background);

@_sap_m_IconTabBar_HeaderBorderBottom: none;
@_sap_m_IconTabBar_HeaderShadow: var(--sapContent_HeaderShadow);

/* Content */
@_sap_m_IconTabBar_ContentBackground: var(--sapBackgroundColor);
@_sap_m_IconTabBar_ContentBackgroundTranslucent: var(--sapGroup_ContentBackground);

/* ==================== Compact size ==================== */

/* Content arrow */
@_sap_m_IconTabBar_Compact_NoTextContentArrowHeight: 1rem;
@_sap_m_IconTabBar_Compact_ContentArrowHeight: 1rem;
@_sap_m_IconTabBar_Compact_NoTextContentArrowWidth: 2.375rem;

/* Inline mode (same as cozy) */
@_sap_m_IconTabBar_Compact_InLineVerticalTabHeight: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
@_sap_m_IconTabBar_Compact_InLineFilterTextMargin: @_sap_m_IconTabBar_InLineFilterMargin;
@_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight: @_sap_m_IconTabBar_VerticalContentArrowHeight;

/* TextOnly (same as cozy) */
@_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight: @_sap_m_IconTabBar_TextOnlyVerticalHeight;
@_sap_m_IconTabBar_Compact_TextOnlyTabPadding: @_sap_m_IconTabBar_TextOnlyTabPadding;
@_sap_m_IconTabBar_Compact_TextOnlyHeadPadding: 0 0.925rem 0 0.1875rem;
@_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight: 1rem;
@_sap_m_IconTabBar_Compact_TextOnlyTextPadding: 0;

/* NoText */
@_sap_m_IconTabBar_Compact_NoTextTabWidth: 2.375rem;
@_sap_m_IconTabBar_Compact_NoTextVerticalHeight: 3rem;

/* Horizontal */
@_sap_m_IconTabBar_Compact_HorizontalHeight: 3rem;
@_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight: 1rem;

/* Vertical */
@_sap_m_IconTabBar_Compact_VerticalHeight: 3.875rem;

/* Filter text */
@_sap_m_IconTabBar_Compact_FilterTextPadding: 0.375rem 0 0;

/* Focus border */
@_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 1rem;

/* =========== Phone =========== */

/* Content arrow */
@_sap_m_IconTabBar_Phone_ContentArrowHeight: 0.625rem;

@_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
@_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;

/* =========== Badge =========== */
@_sap_m_IconTabBar_Badge_Neutral_Background: var(--sapNeutralElementColor);
@_sap_m_IconTabBar_Badge_Positive_Background: var(--sapPositiveElementColor);
@_sap_m_IconTabBar_Badge_Critical_Background: var(--sapCriticalElementColor);
@_sap_m_IconTabBar_Badge_Negative_Background: var(--sapNegativeElementColor);

/* ========================================================================== */
/* Variables */
/* ========================================================================== */

@_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
@_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
@_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
@_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);

/* =========== Overflow =========== */
@_sap_m_IconTabBar_Overflow_TextColor: var(--sapTextColor);
@_sap_m_IconTabBar_Overflow_Icon_Color: var(--sapTextColor);
@_sap_m_IconTabBar_Overflow_BorderColorHover: var(--sapButton_Hover_BorderColor);
@_sap_m_IconTabBar_Overflow_BackgroundColorHover: var(--sapButton_Hover_Background);
@_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
@_sap_m_IconTabBar_Overflow_TextColorHover: var(--sapTextColor);
@_sap_m_IconTabBar_Overflow_Icon_ColorHover: var(--sapTextColor);

@_sap_m_IconTabBar_Overflow_BackgroundColorPressed: var(--sapButton_Active_Background);
@_sap_m_IconTabBar_Overflow_BorderColorPressed: var(--sapButton_Active_BorderColor);
@_sap_m_IconTabBar_Overflow_TextColorPressed: var(--sapButton_Active_TextColor);
@_sap_m_IconTabBar_Overflow_Icon_ColorPressed: var(--sapButton_Active_TextColor);

/* =========== Shell =========== */
@_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
@_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
@_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: var(--sapButton_Hover_Background);
@_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: var(--sapButton_Hover_BorderColor);


/* Head Container */
.sapMITH {

	z-index: 1; /* shows the bottom shadow of the ITHeader over the content of the ITB */

	.sapMITBHead {
		padding-top: 0.875rem;
	}

	&.sapMITBNoText {

		.sapMITBHead {
			padding-top: 1rem;
		}
	}

	&.sapMITBTextOnly {

		.sapMITBHead {
			padding-top: 0.875rem;
		}
	}

	&.sapMITBInLine {

		.sapMITBHead {
			padding-top: 0;
		}
	}

	.sapMITBDisabled {

		.sapMITHTextContent {
			color: var(--sapTextColor);
			font-family: var(--sapFontBoldFamily);
			font-size: @sapMFontMediumSize;
		}
	}

	.sapMITBSelected {

		.sapMITBContentArrow::after {
			background: var(--sapTab_ForegroundColor);
		}
	}

	.sapMITBFilterExpandBtnSeparator {
		border-right: 0.0625rem solid;
		margin-left: 0.625rem;
		border-color: @_sap_m_IconTabBar_TextColor;
		height: 0.625rem;
		margin-top: 1.0625rem;
	}

	/* More Button */
	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem {
			color: var(--sapButton_TextColor);
			background: var(--sapButton_Background);
			border: 1px solid var(--sapButton_BorderColor);

			.sapMITHShowSubItemsIcon {
				color: var(--sapTextColor);
			}
		}
	}

	.sapMITHEndOverflow:hover,
	.sapMITHStartOverflow:hover {

		.sapMITBItem {
			background: var(--sapButton_Hover_Background);
			border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
		}
	}

	.sapMITHEndOverflow,
	.sapMITHStartOverflow {

		.sapMITHShowSubItemsIcon {
			padding-left: 0.375rem;
		}
	}

	/* Arrow button */
	.sapMITBFilterExpandBtn .sapUiIcon {
		color: var(--sapTextColor);
	}
}

/* Head Container - compact */

.sapUiSizeCompact.sapMITH {

	.sapMITBFilterIcon {
		line-height: 1.8rem;
	}

	.sapMITBHead {
		padding-top: 0.875rem;
	}

	&.sapMITBTextOnly {

		.sapMITBHead {
			padding-top: 0.875rem;
		}
	}

	&.sapMITBInLine {

		.sapMITBHead {
			padding-top: 0;
		}
	}

	/* Bottom borders on the currently selected tab - compact */
	&.sapMITBTextOnly .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
		height: 0.875rem;
	}

	&.sapMITBInLine.sapMITBTextOnly .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
		height: 0.875rem;
	}

	/* Tabs - compact*/
	.sapMITBAll {

		.sapMITBTab {
			margin-bottom: 0.3rem;
			margin-top: 0.6rem;
		}

		.sapMITBContentArrow {
			height: 1rem;
		}
	}

	.sapMITBHorizontal {

		&.sapMITBFilter .sapMITBHorizontalWrapper .sapMITBText {
			padding-top: 4px;
		}

		&.sapMITBAll .sapMITBTab {
			margin-bottom: 0.125rem;
			margin-top: 0;
		}

		+ .sapMITBSepLine {
			margin-top: 0.125rem;
		}
	}
}

.sapMITBContentArrow {
	position: relative;

	/* creates border bottom with rounded top corners */
	&::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 0.125rem 0.125rem 0 0;
	}
}

.sapMITBHorizontal.sapMITBFilter {
	margin-top: 0.125rem;

	+ .sapMITBSep {
		margin-top: 0.25rem;
	}
}

/* Content Container */

.sapMITBContent {
	border-bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);
}

/* Tab Filter Item */

.sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {

	.sapMITBFilterExpandBtn {
		margin-bottom: 0.9375rem;
	}
}

.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {

	.sapMITBFilterExpandBtn {
		margin-bottom: 1.875rem;
	}
}

.sapMITBNoText.sapMITH {

	.sapMITBFilterExpandBtn {
		margin-bottom: 0.9375rem;
	}
}

.sapMITBNoContentPadding .sapMITBTextOnly {

	.sapMITBFilterExpandBtnSeparator {
		margin-top: 1.3125rem;
	}

	.sapMITBFilterExpandBtn {
		margin-top: 0.25rem;
	}
}

.sapMITBTextOnly {

	.sapMITBFilterDefault.sapMITBSelected {

		.sapMITBText {
			color: var(--sapTab_Selected_TextColor);
		}

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapContent_Selected_ForegroundColor);
		}

		.sapUiIcon {
			color: @_sap_m_IconTabBar_SelectedTextColor !important;
		}
	}

	.sapMITBFilterNeutral {

		.sapMITBText {
			color: var(--sapTab_Neutral_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Neutral_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapMITBFilterExpandIcon {
				color: var(--sapTab_Neutral_TextColor);
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Neutral_TextColor);
		}
	}

	.sapMITBFilterPositive {

		.sapMITBText {
			color: var(--sapTab_Positive_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Positive_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapUiIcon {
				color: var(--sapTab_Positive_TextColor) !important;
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Positive_TextColor);
		}
	}

	.sapMITBFilterNegative {

		.sapMITBText {
			color: var(--sapTab_Negative_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Negative_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapMITBFilterExpandIcon {
				color: var(--sapTab_Negative_TextColor);
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Negative_TextColor);
		}
	}

	.sapMITBFilterCritical {

		.sapMITBText {
			color: var(--sapTab_Critical_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Critical_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapUiIcon {
				color: var(--sapTab_Critical_TextColor);
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Critical_TextColor);
		}
	}
}

.sapMITBFilterIcon {
	border: 0.125rem solid var(--sapTab_ForegroundColor);
}

.sapMITBFilterDefault {
	color: var(--sapTab_IconColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTextColor);
	}

	.sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTextColor);
	}
}

.sapMITBTab .sapMITBFilterIcon {
	background-color: var(--sapTab_Background);
}

.sapMITBFilterNeutral {
	color: var(--sapTab_Neutral_IconColor);
	border-color: var(--sapTab_Neutral_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Neutral_TextColor);
	}

	.sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Neutral_TextColor);
	}
}

.sapMITBFilterPositive {
	color: var(--sapTab_Positive_IconColor);
	border-color: var(--sapTab_Positive_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Positive_TextColor);
	}

	.sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Positive_TextColor);
	}
}

.sapMITBFilterNegative:not(.sapMITBTextOnly) {
	color: var(--sapTab_Negative_IconColor);
	border-color: var(--sapTab_Negative_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Negative_TextColor);
	}

	.sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Negative_TextColor);
	}
}

.sapMITBFilterCritical {
	color: var(--sapTab_Critical_IconColor);
	border-color: var(--sapTab_Critical_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Critical_TextColor);
	}

	.sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Critical_TextColor);
	}
}

.sapMITH:not(.sapMITBTextOnly) {

	.sapMITBFilterNeutral {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Neutral_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Neutral_TextColor);
		}
	}

	.sapMITBFilterPositive {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Positive_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Positive_TextColor);
		}
	}

	.sapMITBSelected .sapMITBFilterPositive {
		background: var(--sapTab_Positive_Selected_Background);
		color: var(--sapTab_Positive_Selected_IconColor);
	}

	.sapMITBFilterNegative {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Negative_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Negative_TextColor);
		}
	}

	.sapMITBSelected .sapMITBFilterNegative {
		background: var(--sapTab_Negative_Selected_Background);
		color: var(--sapTab_Negative_Selected_IconColor);
	}

	.sapMITBFilterCritical {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Critical_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Critical_TextColor);
		}
	}

	.sapMITBSelected .sapMITBFilterCritical {
		background: var(--sapTab_Critical_Selected_Background);
		color: var(--sapTab_Critical_Selected_IconColor);
	}
}

.sapMITBSelected {

	.sapMITBContentArrow::after {
		background: @_sap_m_IconTabBar_SelectedTextColor;
	}

	&.sapMITBFilterNeutral .sapMITBContentArrow::after {
		background: var(--sapTab_Neutral_ForegroundColor);
	}

	&.sapMITBFilterPositive .sapMITBContentArrow::after {
		background: var(--sapTab_Positive_ForegroundColor);
	}

	&.sapMITBFilterNegative .sapMITBContentArrow::after {
		background: var(--sapTab_Negative_ForegroundColor);
	}

	&.sapMITBFilterCritical .sapMITBContentArrow::after {
		background: var(--sapTab_Critical_ForegroundColor);
	}

	.sapMITBFilterDefault {
		background: @_sap_m_IconTabBar_SelectedTextColor;
		color: var(--sapTab_Selected_IconColor);
	}
}

.sapMITHShowSubItemsIcon {
	bottom: -1.5px;
	position: relative;
}

/* Phone device */

.sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact {

	&.sapMITBInLine.sapMITBTextOnly {

		.sapMITBHead .sapMITBContentArrow {
			height: 0.875rem;
		}
	}

	&.sapMITBTextOnly {

		.sapMITBHead .sapMITBContentArrow {
			height: 0.75rem;
		}
	}
}

.sapMITH.sapMITBNoText .sapMITBHead {

	> .sapMITBSepLine {
		margin: 0.25rem 0.25rem 0 0;
	}
}

.sapMITH.sapUiSizeCompact {

	&.sapMITBNoText .sapMITBHead {

		> .sapMITBSepLine {
			margin: 0 0.125rem 0 0.125rem;
		}
	}

	.sapMITBSepLine {
		border: unset;
		border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
		margin: 0.625rem 0.125rem 0 0.125rem;
	}
}

.sapMITBAll {

	.sapMITBTab {
		margin-top: 0.4rem;
	}

	&.sapMITBHorizontal {

		.sapMITBTab {
			margin-top: 0;
		}

		+ .sapMITBSepLine {
			margin-top: 0.5rem;
		}
	}

	.sapMITBCount {
		font-family: var(--sapFontBoldFamily);
		font-size: var(--sapFontHeader3Size);
	}

	.sapMITBText {
		font-family: var(--sapFontHeaderFamily);
		font-size: var(--sapFontSmallSize);
	}
}

.sapMITBSepLine {
	border: unset;
	border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
}

.sapUiMedia-Std-Phone {

	.sapMITBSepLine {
		margin: 0.75rem 0.25rem 0;
	}
}

/* Custom focus outline */
html.sap-desktop {

	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {

		&::after {
			top: 0.75rem;
			bottom: 1.75rem;
		}
	}

	.sapMITBFilter .sapMITBCount {
		color: var(--sapContent_LabelColor);
		font-family: var(--sapFontFamily);
		font-size: @sapMFontMediumSize;
	}

	.sapMITH.sapUiSizeCompact {

		.sapMITBItem:focus.sapMITBAll {

			&::after {
				bottom: 1.3rem;
				top: 0.125rem;
			}
		}

		.sapMITBItem .sapMITBFilterIcon {
			margin-right: @_sap_m_IconTabBar_HorizontalTextPaddingLeft;
		}
	}

	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem:not(.sapUiDnDDragging):focus {

			&::after {
				border-radius: 1.75rem;
			}
		}
	}

	.sapMITH {

		.sapMITHStartOverflow,
		.sapMITHEndOverflow {

			.sapMITBItem {

				&:active {
					background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
					border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
				}

				&:active::after {
					/* when overflow is pressed, hide the focus */
					border-color: transparent;
				}
			}
		}
	}
}

.sapUiMedia-Std-Tablet,
.sapUiMedia-Std-Desktop {

	.sapMITHEndOverflow {
		padding-left: 0.188rem;
		margin-left: 0px;
	}
}

html.sap-desktop {

	.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon {

		&::after {
			top: -5px;
			bottom: -5px;
			right: -5px;
			left: -5px;
			border-radius: inherit;
		}
	}
}

.sapUiMedia-Std-Phone {

	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {

		&::after {
			right: 6px !important;
			left: -1px !important;
		}
	}
}

.sapMITBFilter .sapMITBText {
	font-weight: bold;
}

/* ------------------------------------------------ */
/* Shell overrides */
/* ------------------------------------------------ */

.sapUshellShellTabBar .sapMITH,
.sapUshellShellTabBar.sapMITH {

	/* More Button */
	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem {
			border: 1px solid var(--sapButton_BorderColor);
			color: var(--sapShell_Navigation_TextColor);
			background-color: var(--sapShell_InteractiveBackground);

			.sapMITHShowSubItemsIcon {
				color: var(--sapShell_Navigation_TextColor);
			}

			&:hover {
				box-shadow: var(--sapContent_Interaction_Shadow);
			}
		}
	}

	.sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount,
	.sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount {
		color: var(--sapShell_Navigation_SelectedColor);
	}

	.sapMITBSelected:not(.sapMITBDisabled) .sapMITBContentArrow::after {
		background: var(--sapShell_Navigation_SelectedColor);
	}

	.sapMITH .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
		margin-left: 0.188rem;
	}

	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem {
			background-color: var(--sapShell_InteractiveBackground);

			&:hover {
				background: var(--sapShell_Hover_Background);
				background-color: var(--sapShell_Hover_Background);
				border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
			}
		}
	}

	html.sap-desktop & {

		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
		.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
		.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll,
		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
		.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
		.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {

			&::after {
				border-color: var(--sapContent_FocusColor) !important;
			}
		}
	}
}

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

.sapMITH,
.sapMITBFilterPopover {

	.sapMITBText .sapMBadgeAttention {
		right: -0.5rem;
	}

	.sapMITFExpandButtonBadge {
		left: 0.5rem;
	}
}

.sapMITH {

	.sapMITBFilterWithItems .sapMITBFilterExpandBtn {
		margin-left: -1px; /* to hide the separator on hover over the button */
	}
}