/* ================================= */
/* CSS for control sap./Breadcrumbs  */
/* Evening Horizon theme             */
/* ================================= */

.sapMBreadcrumbs {

	.sapMBreadcrumbsCurrentLocation {

		&:focus {
			outline: none;
			box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
			border-radius: 0.25rem;
		}
	}

	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
	.sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
		outline-offset: 0;
	}

	.sapMBreadcrumbsItem {
		padding: .125rem; // avoid focus clip
	}

	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {

		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
			box-shadow: none;

			/* Default styles */
			.sapMSltIcon {
				display: flex;
				align-items: center;
				gap: 0.2rem;

				&::before,
				&::after {
					border-bottom: none;
				}

				&::before {
					content: '••• ';
					font-family: var(--sapFontLightFamily);
				}

				&::after {
					content: '\e1ef';
					font-family: var(--sapContent_IconFontFamily);
					font-size: @sapMFontMediumSize;
					color: var(--sapLinkColor);
					speak: none;
				}
			}

			/* Custom underline element
			   In order to prevent issues with centering the content */
			&::after {
				content: '';
				display: block;
				position: relative;
				width: 90%;
				height: 0.0625rem;
				margin: -0.12rem auto 0 0.15rem;
				background-color: transparent;
			}

			/* States */
			&:hover,
			&.sapMSltFocused {
				background-color: var(--sapContent_FocusColor);

				&::after {
					background-color: var(--sapContent_ContrastFocusColor);
				}

				.sapMSltIcon::before,
				.sapMSltIcon::after {
					color: var(--sapContent_ContrastFocusColor);
					border-bottom: none;
				}

				&:active {
					background-color: transparent;

					&::after {
						background-color: transparent;
					}

					.sapMSltIcon::before,
					.sapMSltIcon::after {
						color: var(--sapLinkColor);
					}
				}
			}

			&:hover.sapMSltFocused:not(:active) {

				&::after {
					background-color: var(--sapContent_FocusColor);
				}
			}
		}
	}
}