/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2026 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../base/library.less";
@import "../../../../../Base/baseLib/sap_belize_hcb/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_belize_hcb/base.less" */

@import "../../../../sap/ui/core/themes/sap_belize_hcb/global.less";

/* START "DynamicPage.less" */
/* ================================== */
/* CSS for control sap.f/DynamicPage  */
/* Belize High Contrast Black theme   */
/* ================================== */

/* Tablet and Desktop */
.sapFDynamicPageToggleHeaderIndicator,
.sapFDynamicPageHeaderPinButton {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.375rem;

	// Reflection: styles overwritten
	// The following styles were moved from the base theme
	// to specific theme which is using them
	.sapMBtnInner {
		height: 2rem;
		bottom: 0.5rem;

		.sapMBtnIcon {
			line-height: 2rem;
		}
	}
}

/* Compact */
.sapUiSizeCompact {
	.sapFDynamicPageToggleHeaderIndicator,
	.sapFDynamicPageHeaderPinButton {
		width: 2rem;
		height: 2rem;
		font-size: 1rem;

		// Reflection: styles overwritten
		.sapMBtnInner {
			height: 1.25rem;
			bottom: 0.375rem;

			.sapMBtnIcon {
				line-height: 1.25rem;
			}
		}
	}
	.sapFDynamicPageToggleHeaderIndicator {
		margin-left: -1rem;
	}
	.sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
		margin-left: -2rem;
	}
}

.sapFDynamicPageHeaderPinButton > .sapMBtnInner {
	border: 0.0625rem solid;
	&:not(.sapMToggleBtnPressed) {
		background-color: @sapHC_StandardBackground;
	}
}

.sapFDynamicPageHeaderPinButton:hover > .sapMBtnInner.sapMBtnHoverable {
	background-color: @sapUiHighlight;

	&.sapMToggleBtnPressed {
		background-color: @sapUiToggleButtonPressedHoverBackground;
	}
}

.sapFDynamicPageHeaderPinButton > .sapMBtnInner.sapMBtnActive,
.sapFDynamicPageHeaderPinButton > .sapMBtnInner.sapMBtnActive.sapMBtnHoverable {
	background-color: @sapUiHighlight;
}

.sapFDynamicPage {
	/* DynamicPageTitle and Toggle Header Visual Indicator hover state */
	&.sapFDynamicPageTitleClickEnabled {
		&.sapFDynamicPageTitleForceHovered .sapFDynamicPageTitle {
			background: @sapUiHighlight;
			box-shadow: @sapUiShadowHeader;
		}
		&.sapFDynamicPageTitleForceHovered {
			.sapFDynamicPageToggleHeaderIndicator {
				.sapMBtnInner {
					background-color: @sapUiHighlight;
				}
			}
		}
	}

	// Footer
	.sapFDynamicPageFooter {
		opacity: 1;

		.sapFDynamicPageActualFooterControl.sapMTB {
			box-shadow: @sapUiShadowLevel2;
			border-bottom: 0 none;
		}
	}
}

/* END "DynamicPage.less" */

/* START "DynamicPageTitle.less" */
/* ======================================= */
/* CSS for control sap.f/DynamicPageTitle  */
/* High Contrast Black theme               */
/* ======================================= */

.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle:focus,
.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle:focus {
	box-shadow: none;
}

html.sap-desktop .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
	outline-width: 0.125rem;
	outline-offset: -0.25rem; // due to bottom border overlapping
}

.sapFDynamicPageTitle .sapMTB {
	background: transparent;
}

.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnappedTitleOnMobile > .sapFDynamicPageTitle {
	border-bottom: 1px solid @sapUiObjectHeaderBorderColor;
}

/* IE and Edge ignores outline-offset. Use an overlay: */
/* TODO remove after the end of support for Internet Explorer */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
		outline: none;
		position: relative;
	}
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 98%; // due to bottom border overlapping
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dashed @sapUiContentFocusColor;
		pointer-events: none;
	}
}

/* Firefox fix due to focus cut out from top and left */
html[data-sap-ui-browser^="ff"].sap-desktop {
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
		outline: none;
		position: relative;
	}
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 98%; // due to bottom border overlapping
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dotted @sapUiContentFocusColor;
		pointer-events: none;
	}
}

.sapFDynamicPageNavigation .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle {
	box-shadow: none;
}
/* END "DynamicPageTitle.less" */

/* START "FlexibleColumnLayout.less" */
/* =========================================== */
/* CSS for control sap.f/FlexibleColumnLayout  */
/* Belize High Contrast Black theme            */
/* =========================================== */

// Cozy mode
.sapFFCL > {
	& > .sapFFCLColumnMid.sapFFCLColumnActive {
		border-left: 1px solid @sapUiGroupContentBorderColor;
		border-right: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
		border-right: none;
		border-left: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
		border-right: 1px solid @sapUiGroupContentBorderColor;
		border-left: none;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnOnlyActive {
		border-right: none;
		border-left: none;
	}
}

.sapFFCL {
	.sapFFCLNavigationButton {
		.sapMBtnInner {
			border: 1px solid @sapUiButtonBorderColor;

			.sapMBtnIcon {
				width: auto;
			}
		}
		&:before,
		&:after {
			background-size: 0.125rem 100%;
			background-position-x: calc(50% - 0.0625rem);
		}
		&:before {
			background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, @sapUiGroupContentBorderColor);
		}

		&:after {
			background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, @sapUiGroupContentBorderColor);
		}
	}
}

/* END "FlexibleColumnLayout.less" */

/* START "Card.less" */
/* ================================ */
/* CSS for control sap.f/Card       */
/* Belize High Contrast Black theme */
/* ================================ */

@_sap_f_Card_BoxShadow: none;
@_sap_f_Card_HeaderBorder: 1px solid @sapUiTileBorderColor;

.sapFCard .sapFCardHeader.sapFCardSectionClickable {
	&:hover {
		.sapFCardNumericIndicatorsMain {
			.sapMNCValue,
			.sapMNCIndicator,
			.sapMNCScale,
			.sapMNCIndIcon {
				color: @sapUiContentContrastTextColor;
			}
		}
	}

	&:active {
		.sapFCardNumericIndicatorsMain {
			.sapMNCValue,
			.sapMNCIndicator,
			.sapMNCScale,
			.sapMNCIndIcon {
				color: @sapUiContentContrastTextColor;
			}
		}
	}
}
/* END "Card.less" */

/* START "GridContainer.less" */
/* =================================== */
/* CSS for control sap.f/GridContainer */
/* Belize High Contrast Black theme    */
/* =================================== */

@_sap_f_GridContainer_FocusBorderOffset: -2px;
/* END "GridContainer.less" */

/* START "ShellBar.less" */
/* ============================= */
/* CSS for control sap.f/ShellBar  */
/* High Contrast Black theme     */
/* ============================= */

.sapFButtonNotifications[data-notifications],
.sapFShellBarOverflowButton[data-notifications] {
	&:after {
        line-height: 1rem;
        background: @sapUiGroupContentBackground;
        border: solid 1px @sapUiGroupContentBorderColor;
        color: @sapUiContentForegroundTextColor;
    }
}.sapFShellBar .CPImage {
	.color1 {
		stop-color: #FFFFFF;
	}
	.color2 {
		stop-color: #FFFFFF;
	}
	&:focus {
		outline-width: 0.125rem;
		outline-offset: -0.375rem;
	}
	html[data-sap-ui-browser^="ie"] &:focus:before {
		border-width: 0.125rem;
	}
}
/* END "ShellBar.less" */

/* START "SidePanel.less" */
/* ================================ */
/* CSS for control sap.f/SidePanel  */
/* Belize High Contrast Black theme */
/* ================================ */

@_sap_ui_layout_Splitter_BarDecorationColors: @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0);
@_sap_ui_layout_Splitter_BarActiveDecorationColors: @sapUiObjectHeaderBorderColor, @sapUiObjectHeaderBorderColor;

.sapFSP {
	.sapFSPSplitterBar {
		&:hover {
			.sapFSPSplitterBarGripIcon {
				border-color: @sapUiButtonLiteHoverBorderColor;
				background: @sapUiButtonLiteHoverBackground;
			}
		}
	}
	.sapFSPSide {
		.sapFSPSideInner {
			border: 0.0625rem solid @sapUiGroupContentBorderColor;
			box-sizing: content-box;

			.sapFSPActionBar {

				.sapFSPItem {
					&.sapFSPSelected {
						.sapUiIcon {
							background-color: @sapUiContentSelectedBackground;
							border-width: 0.125rem;
						}

						&::before {
							width: 0.25rem;
						}
					}

					&:focus {
						&::after {
							border: 0.125rem dotted @sapUiContentFocusColor;
						}
					}
				}
			}
		}
	}
}
/* END "SidePanel.less" */