@use '@lucca-front/scss/src/components/button/exports' as button;

@mixin horizontalNavigation {
	padding-block-end: 0;

	// stylelint-disable-next-line selector-disallowed-list -- .menu is deprecated
	.menu,
	.horizontalNavigation {
		margin-block-start: var(--pr-t-spacings-50);
	}
}

@mixin breadcrumbs {
	padding-block-start: var(--pr-t-spacings-200);

	.breadcrumbs {
		margin-block-end: 0;
	}
}

@mixin sticky {
	background-color: var(--pr-t-elevation-surface-default);
	inset-block-start: calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));
	position: sticky;
	inset-inline: 0;
	z-index: 99;
}

@mixin stickyWide {
	inset-block-start: var(--commons-banner-height);
	inset-inline-start: 0 !important;
}

@mixin withContainer {
	--components-pageHeader-padding: var(--pr-t-spacings-300) 0;
}

@mixin wide {
	--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400);
}

@mixin withBackButton {
	.pageHeader-content-title-back {
		.button {
			@include button.outlined;
			@include button.S;
			@include button.onlyIconS;
		}
	}
}