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

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 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/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_belize/base.less" */

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

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

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

	.sapMBtnInner {
		height: 2rem;
		bottom: 0.5rem;

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

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

		.sapMBtnInner {
			height: 1.25rem;
			bottom: 0.375rem;

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

.sapFDynamicPageHeaderPinButton .sapMBtnInner {
	border: none;
	&:not(.sapMToggleBtnPressed) {
		background-color: @sapUiObjectHeaderBorderColor;
	}
}

.sapFDynamicPageHeaderPinButton:hover > .sapMBtnInner.sapMBtnHoverable {
	background-color: darken(@sapUiObjectHeaderBorderColor, 3);

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

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

.sapFDynamicPage {
	.sapFDynamicPageContent {
		background: @sapUiGlobalBackgroundColor;
	}

	html.sap-desktop & {
		// DynamicPageTitle and Toggle Header Visual Indicator hover state
		&.sapFDynamicPageTitleClickEnabled {

			.sapFDynamicPageTitle:hover,
			&.sapFDynamicPageTitleForceHovered .sapFDynamicPageTitle {
				.title-hover(@sapUiObjectHeaderBackground);
			}

			.sapFDynamicPageTitleTranslucent:hover,
			&.sapFDynamicPageTitleForceHovered .sapFDynamicPageTitleTranslucent {
				.title-hover(lighten(@sapUiObjectHeaderBackground, 10));
			}

			.sapFDynamicPageTitleTransparent:hover,
			&.sapFDynamicPageTitleForceHovered .sapFDynamicPageTitleTransparent {
				.title-hover(transparent);
			}

			&.sapFDynamicPageTitleForceHovered {
				.sapFDynamicPageToggleHeaderIndicator {
					.sapMBtnInner {
						background-color: darken(@sapUiObjectHeaderBorderColor, 3);
					}
				}
			}
		}
	}

	// Toggle Header Visual Indicator
	.sapFDynamicPageToggleHeaderIndicator.sapMBtn {

		& > .sapMBtnInner {
			border: none;
			background-color: @sapUiObjectHeaderBorderColor;
		}

		// hover state
		&:hover > .sapMBtnInner.sapMBtnHoverable {
			background-color: darken(@sapUiObjectHeaderBorderColor, 3);
		}

		// active state
		&:focus > .sapMBtnInner.sapMFocusable.sapMBtnActive {
			background: @sapUiSelected;
			color: @sapUiButtonActiveBackground;
		}
	}
}

// Note:
// The footer selector can`t be nested in the sapFDynamicPage less structure,
// because the contrast container would not work, as the theme generates css like ".sapContrast.sapFDynamicPageFooter"
// and will never match ".sapFDynamicPage .sapFDynamicPageFooter"
.sapFDynamicPageFooter .sapFDynamicPageActualFooterControl {
	background: fade(@sapUiPageFooterBackground, 90);
	color: @sapUiPageFooterTextColor;
	box-shadow: @sapUiShadowLevel1;
	border-bottom: 0 none;
}

.title-hover(@backgroundColor) {
	background-color: darken(@backgroundColor, 3);
}
/* END "DynamicPage.less" */

/* START "DynamicPageHeader.less" */
/* ================================== */
/* CSS for control sap.f/DynamicPageHeader  */
/* Belize theme                       */
/* ================================== */


.sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
	background: lighten(@sapUiObjectHeaderBackground, 10);
}

.sapFDynamicPageHeader.sapFDynamicPageHeaderTransparent {
	background: transparent;
}
/* END "DynamicPageHeader.less" */

/* START "DynamicPageTitle.less" */
/* ================================== */
/* CSS for control sap.f/DynamicPageTitle  */
/* Belize theme                       */
/* ================================== */


.sapFDynamicPageTitle.sapFDynamicPageTitleTranslucent {
	background: lighten(@sapUiObjectHeaderBackground, 10);
}

.sapFDynamicPageTitle.sapFDynamicPageTitleTransparent {
	background: transparent;
}
/* END "DynamicPageTitle.less" */

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

@sapFFCLNavigationButtonHover: darken(@sapUiObjectHeaderBorderColor, 3);

.sapFFCLNavigationButton {
	// Hover
	&:hover {
		>.sapMBtnInner:not(.sapMBtnActive),
		>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive) {
			background: @sapFFCLNavigationButtonHover;
		}
	}

	.sapMBtnInner {
		border: 0;

		// Active
		&.sapMBtnActive {
			.sapMBtnIcon {
				color: @sapUiButtonActiveTextColor;
			}
		}
	}
}

.sapFFCLBackgroundDesignSolid .sapFFCLArrow {
	background: @sapUiObjectHeaderBackground;
}

.sapFFCLBackgroundDesignTranslucent .sapFFCLArrow {
	background: @sapUiShellBackgroundGradient;
}

/* END "FlexibleColumnLayout.less" */

/* START "ShellBar.less" */
/* ============================= */
/* CSS for control sap.f/ShellBar  */
/* Belize theme                  */
/* ============================= */

.sapFButtonNotifications[data-notifications],
.sapFShellBarOverflowButton[data-notifications] {
	&:after {
        color: @sapUiShellActiveTextColor;
    }
}
/* END "ShellBar.less" */