/* =================================== */
/* CSS for control sap.ushell/MenuBar  */
/* Base theme                          */
/* =================================== */

.sapUshellMenuBarHeight {
	min-height: 2.75rem;
	background-color: var(--sapShellColor);
}

/* align the outline of the nav bar personalization button
   with the outline of the home button */
.sapUshellShellToolHeader.sapTntToolHeader.sapMTB {
	padding-inline: var(--sapContent_Space_L);
}

.sapUiMedia-StdExt-LargeDesktop .sapUshellShellToolHeader.sapTntToolHeader.sapMTB {
	padding-inline: var(--sapContent_Space_XL);
}

.sapUiMedia-Std-Phone .sapUshellShellToolHeader.sapTntToolHeader.sapMTB {
	padding-inline: var(--sapContent_Space_S);
}

/* sapUshellFixedPadding is used to add more specificty
   and overwrite the responsive styling of the component */
.sapUshellFixedPadding .sapUshellShellTabBar .sapMITH,
.sapUshellFixedPadding .sapUshellShellTabBar.sapMITH {
	padding-inline: 0.875rem;
}

.sapUshellShellToolHeader .sapUshellShellTabBar .sapMITH,
.sapUshellShellToolHeader .sapUshellShellTabBar.sapMITH {
	padding-inline: 0;
}

/* responsive spacing layout for SideNavigation Popover or none Sidenavigation case */
@media (min-width: @sapBreakpoint_S_Min) {

	.sapUshellShellTabBar .sapMITH,
	.sapUshellShellTabBar.sapMITH {
		padding-inline: var(--sapContent_Space_S);
	}
}

@media (min-width: @sapBreakpoint_M_Min) {

	.sapUshellShellTabBar .sapMITH,
	.sapUshellShellTabBar.sapMITH {
		padding-inline: var(--sapContent_Space_M);
	}
}

@media (min-width: @sapBreakpoint_L_Min) {

	.sapUshellShellTabBar .sapMITH,
	.sapUshellShellTabBar.sapMITH {
		padding-inline: var(--sapContent_Space_L);
	}
}

@media (min-width: @sapBreakpoint_XL_Min) {

	.sapUshellShellTabBar .sapMITH,
	.sapUshellShellTabBar.sapMITH {
		padding-inline: var(--sapContent_Space_XL);
	}
}