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

@_sap_m_IconTabBar_TextHoverColor: darken(@sapUiGroupTitleTextColor, 10);
@_sap_m_IconTabBar_SelectedTextColor: darken(@sapUiSelected, 5);
@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
@_sap_m_IconTabBar_HeaderShadow: inset 0 -0.25rem 0 -0.125rem @sapUiObjectHeaderBorderColor;
@_sap_m_IconTabBar_FilterExpandButtonBadgeTop: 1.25rem;
@_sap_m_IconTabBar_Compact_FilterExpandButtonBadgeTop: 0.5rem;
@_sap_m_IconTabBar_HeaderMinHeight: 3rem;
@_sap_m_IconTabFilter_Icon_Border_Radius: 0.2rem;
@_sap_m_IconTabFilter_Icon_Border_Color: transparent;

/* Header Container */

.sapMITH {
	z-index: 1;
}

.sapMITH:not(.sapMITBTextOnly) .sapMITBHead {
	padding-top: 1rem;
}

.sapUiSizeCompact .sapMITH,
.sapUiSizeCompact.sapMITH {
	&.sapMITBTextOnly {

		.sapMITHStartOverflow,
		.sapMITHEndOverflow {
			margin-top: 0;

			.sapMITBText {
				padding: 0;
			}

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

/* Arrow */

.sapMITBSelected {

	.sapMITBContentArrow {
		border-bottom-color: @_sap_m_IconTabBar_SelectedTextColor;
	}

	&.sapMITBFilterNeutral .sapMITBContentArrow {
		border-bottom-color: @sapUiNeutralElement;
	}

	&.sapMITBFilterPositive .sapMITBContentArrow {
		border-bottom-color: @sapUiPositiveElement;
	}

	&.sapMITBFilterNegative .sapMITBContentArrow {
		border-bottom-color: @sapUiNegativeElement;
	}

	&.sapMITBFilterCritical .sapMITBContentArrow {
		border-bottom-color: @sapUiCriticalElement;
	}
}

/* Content Container */

.sapMITBContent {
	border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
}

.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
	border: none;
}

.sapMITB.sapMITBNoContentPadding > .sapMITBContainerContent, /* legacy class */
.sapMITB.sapUiNoContentPadding > .sapMITBContainerContent {
	border-bottom: 0;
	border-top: 0;
}

/* Tab Filter Item */

.sapMITBTextOnly {

	.sapMITBFilterDefault:hover .sapMITBText {
		color: @_sap_m_IconTabBar_TextHoverColor;
	}

	.sapMITBFilterDefault.sapMITBSelected .sapMITBText {
		color: @_sap_m_IconTabBar_SelectedTextColor;
		text-shadow: @sapUiShadowText;
	}

	.sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
		color: @_sap_m_IconTabBar_SelectedTextHoverColor;
	}

	.sapMITBFilterNeutral .sapMITBText {
		color: @sapUiNeutralText;
	}

	.sapMITBFilterPositive .sapMITBText {
		color: @sapUiPositiveText;
	}

	.sapMITBFilterPositive:hover .sapMITBText {
		color: darken(@sapUiPositiveText, 10);
	}

	.sapMITBFilterNegative .sapMITBText {
		color: @sapUiNegativeText;
	}

	.sapMITBFilterNegative:hover .sapMITBText {
		color: darken(@sapUiNegativeText, 10);
	}

	.sapMITBFilterCritical .sapMITBText {
		color: @sapUiCriticalText;
	}

	.sapMITBFilterCritical:hover .sapMITBText {
		color: darken(@sapUiCriticalText, 10);
	}
}

.sapMITBFilterIcon {
	border: 1px solid @sapUiHighlight;

	&::before {
		text-shadow: @sapUiShadowText;
	}
}

.sapMITBSelected .sapMITBFilterIcon::before {
	text-shadow: none;
}

.sapMITBFilterDefault {
	color: @sapUiHighlight;
	border-color: @sapUiHighlight;
}

.sapMITBFilterNeutral {
	color: @sapUiNeutralElement;
	border-color: @sapUiNeutralElement;
}

.sapMITBFilterPositive {
	color: @sapUiPositiveElement;
	border-color: @sapUiPositiveElement;
}

.sapMITBFilterNegative {
	color: @sapUiNegativeElement;
	border-color: @sapUiNegativeElement;
}

.sapMITBFilterCritical {
	color: @sapUiCriticalElement;
	border-color: @sapUiCriticalElement;
}

.sapMITBSelected {

	.sapMITBFilterDefault {
		background: @_sap_m_IconTabBar_SelectedTextColor;
		color: @sapUiContentContrastIconColor;
	}

	.sapMITBFilterNeutral {
		background: @sapUiNeutralElement;
		color: @sapUiGroupContentBackground;
	}

	.sapMITBFilterPositive {
		background: @sapUiPositiveElement;
		color: @sapUiGroupContentBackground;
	}

	.sapMITBFilterNegative {
		background: @sapUiNegativeElement;
		color: @sapUiGroupContentBackground;
	}

	.sapMITBFilterCritical {
		background: @sapUiCriticalElement;
		color: @sapUiGroupContentBackground;
	}
}

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

.sapUshellShellTabBar .sapMITH,
.sapUshellShellTabBar.sapMITH {
	.sapMITBFilterExpandBtn:hover .sapMITBFilterExpandIcon {
		opacity: 0.6;
		color: @sapUiShellNavigationActiveTextColor;
	}
}

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

	.sapMITHStartOverflow,
	.sapMITHEndOverflow {
		.sapMITBItem:not(.sapUiDnDDragging):focus:active {
			&::after {
				border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
			}
		}
	}

	.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;
			}
		}
	}
}

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

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