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

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

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

@import "../../../../../sap/ui/core/themes/base/global.less";
/* START "Overlay.less" */
/******************************************************************
	Style of the DT Overlays - base Theme
*******************************************************************/
@_sap_ui_dt_Overlay_FocusColor: @sapUiContentFocusColor; //#000
@_sap_ui_dt_Overlay_TargetZoneColor: @sapUiSelected; //#8fb5ff
@_sap_ui_dt_Overlay_SelectionColor: lighten(@sapUiChart1, 20); //#6fa0e2
@_sap_ui_dt_Overlay_CuttedColor: @sapUiNeutralBG; // #fff
@_sap_ui_dt_Overlay_CuttedBorder: @sapUiSelected; //#8fb5ff
@_sap_ui_dt_Overlay_HighlightColor: @sapUiShellActiveBackground; //#ec8b46
@_sap_ui_dt_Overlay_ActiveBG: fade(@sapUiSelected, 10%); //rgba(143, 181, 255, 0.1);

#overlay-container {
	position: absolute;
	top: 0;
	left: 0;
}

.sapUiDtOverlay {
	position: absolute;
	outline: none;

	// please, don't use border property, it cause the size change of an overtla and box-sizing: border box doesn't work with position: absolute and absolute sizing
	// please, don't use outline property, outline can be invisible due to overflow:hidden of parent
	// instead you should use pseudo elements to special border-like styling:
	// :before pseudoelement should be used for focus visualisation
	// :after pseudoelement should be used for other border-like visualisations

	&:before, &:after {
		position: absolute;
		pointer-events: none;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		box-sizing: border-box;
		z-index: 2;
		box-shadow: none;
	}
}

.sapUiDtOverlayFocusable {
	&:focus {
		&:before {
			content: " ";
			border: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor; //1px
		}
	}
}

.sapUiDtDummyScrollContainer {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.sapUiDtOverlayDropZone {
	z-index: 9999999 !important;

	> .sapUiDtOverlayChildren {
		> .sapUiDtOverlayMovable {
			background: @_sap_ui_dt_Overlay_ActiveBG;
			// no "border"
			&:after {
				content: none;
			}
		}
	}
}

.sapUiDtOverlayTargetZone {
	&:after {
		content: " ";
		outline: 0.125rem dashed @_sap_ui_dt_Overlay_TargetZoneColor; //2px
		outline-offset: -0.125rem; //2px
	}
}

.sapUiDtOverlaySelected {
	&:after {
		content: " ";
		outline: 0.125rem solid @_sap_ui_dt_Overlay_SelectionColor; //2px
		outline-offset: -0.125rem; //2px
		border: none;
	}

	&.sapUiDtOverlayWithScrollBar:after {
		bottom: 0;
		right: 0;
		top: 0;
		left: 0;
		width: initial;
		height: initial;
	}

	&.sapUiDtOverlayFocusable {
		&:focus {
			&:before {
				top: 0.125rem; //2px
				left: 0.125rem; //2px
				bottom: 0.125rem; //2px
				right: 0.125rem; //2px
				width: auto;
				height: auto;
			}
		}
	}
}

.sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
	&:after {
		content: " ";
		outline: 0.0625rem solid @_sap_ui_dt_Overlay_HighlightColor; //1px
		outline-offset: -0.0625rem; //1px
		box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.3);
	}
}

.sapUiDtOverlayMovable {
	cursor: move;
}

// Used for non-movable children overlays of movable parents
.sapUiDtOverlaySelectable:not(.sapUiDtOverlayMovable) {
	cursor: auto;
}

.sapUiDtOverlayCutted {
	background-color: @_sap_ui_dt_Overlay_CuttedColor !important;
	opacity: 0.5;

	&:after {
		content: " ";
		outline: 0.063rem solid @_sap_ui_dt_Overlay_CuttedBorder; //1px
		outline-offset: -0.125rem; //2px
	}
}

.sapUiDtDragGhostWrapper {
	position: fixed;
	pointer-events: none;
}

/* fix ghost blinking in FireFox */
.sap-desktop[data-sap-ui-browser^="ff"] .sapUiDtDragGhostWrapper {
	top: -9999px;
	left: -9999px;
}

/* fix for chrome */
.sap-desktop[data-sap-ui-browser^="cr"] .sapUiDtDragGhostWrapper {
	padding-left: -500px;
	padding-bottom: 500px;
	bottom: -1000px;
}

// Fix for Safari, ghost must not be completly off screen
.sap-desktop[data-sap-ui-browser^="sf"] .sapUiDtDragGhostWrapper {
	top: 100vh;
}

.sapUiDtDragGhost {
	background: @_sap_ui_dt_Overlay_ActiveBG;
}

.sapUiDtClonedDom {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;

	* {
		pointer-events: none !important;
	}
}

.sapUiDtOverlayScrollContainer {
	position: absolute;
}
/* END "Overlay.less" */

/* START "ContextMenu.less" */
/******************************************************************
	Style of the DT Contextmenu - base Theme
*******************************************************************/
@_sap_ui_dt_ContextMenu_HoverBGColor: @sapUiButtonLiteHoverBackground; //rgba(199,95,20,0.5)
@_sap_ui_dt_ContextMenu_OpenMenuBGColor: @sapUiListSelectionBackgroundColor; //#8fb5ff

.sapUiDtContextMenu {
	&.sapUiMnu {
		min-width: 4.25rem; //68px
	}

	.sapUiMnuLst {
		padding: 0.1875rem;

		.sapUiMnuItm {
			.sapUiMnuItmIco {
				padding: 0 0.375rem;
				max-width: none;

				.sapUiIcon {
					min-width: 2.0rem;
					border: 0.0625rem dotted transparent;
				}
			}

			&.sapUiMnuItmDsbl {
				opacity: 0.5;
			}
		}
	}

	&.sapUiSubmenu,
	&:not(.sapUiDtContextMiniMenu) {
		.sapUiMnuItm {
			&.sapUiMnuItmHov {
				&:not(.sapUiMnuItmDsbl) {
					background-color: @_sap_ui_dt_ContextMenu_HoverBGColor;
				}
			}
		}
	}
}

.sapUiDtContextMiniMenu {
	&:not(.sapUiSubmenu) {
		.sapUiMnuItm {
			display: inline-flex;

			&:focus {
				outline: none;

				.sapUiIcon {
					border: 0.0625rem dotted;
				}
			}

			&.sapUiMnuItmHov {
				background-color: transparent;

				.sapUiIcon {
					background-color: @_sap_ui_dt_ContextMenu_HoverBGColor;
				}
			}

			&.sapUiMnuItmSubMnuOpen {
				background-color: transparent;

				&:not(.sapUiMnuItmHov) {
					.sapUiIcon {
						background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor;
					}
				}
			}
			.sapUiMnuItmIco {
				position: relative;
			}
			.sapUiMnuItmTxt {
				display: none !important;
			}
			.sapUiMnuItmSbMnu {
				padding-top: 0.25rem;
				right: -0.2rem;
				position: absolute;
			}
		}
	}
}

.sapUiSizeCozy.sapUiMnu.sapUiMnuCozySupport {
	&.sapUiDtContextMiniMenu {
		.sapUiMnuItmIco {
			width: 3rem;
			+ .sapUiMnuItmTxt {
				margin-left: 2.5rem;
			}
			.sapUiIcon {
				height: 2.625rem;
				line-height: 2.625rem !important;
				min-width: 3rem;
			}
		}
	}
}

.sapUiSizeCompact .sapMMenu.sapUiMnu.sapUiDtContextMenu {
	.sapUiMnuItm {
		height: 2.25rem;
		padding: 0 0.25rem;

		.sapUiMnuItmIco {
			padding: 0;
			+ .sapUiMnuItmTxt {
				margin-left: 1rem;
			}
		}
		.sapUiMnuItmSbMnu {
			line-height: 2.25rem;
		}
	}
}

html.sap-desktop, html.sap-tablet {

	& .sapUiSizeCozy .sapUiDtContextMenu .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
		margin-left: 2.75rem;
	}
}
/* END "ContextMenu.less" */

/* START "shared.less" */
/* This CSS shares it rules with all other CSS of this library */
/* END "shared.less" */