@use '@lucca-front/scss/src/commons/utils/a11y';
@use '@lucca-front/icons/src/commons/utils/icon';

@mixin compact {
	.breadcrumbs-list-item {
		&:nth-last-child(2):first-child,
		&:nth-last-child(2):first-child + .breadcrumbs-list-item {
			&:last-child {
				@include a11y.mask;
			}

			&:first-child {
				// Second selector to get rid of breadcrumbs-list-item-action on angular component
				.breadcrumbs-list-item-action,
				.breadcrumbs-list-item > a {
					&::before {
						@include icon.generate('arrow_left');

						padding-inline-end: var(--pr-t-spacings-50);
						font-size: var(--pr-t-font-body-XS-lineHeight);
						line-height: var(--pr-t-font-body-S-lineHeight);
						text-decoration: none;
						vertical-align: top;
					}
				}
			}
		}
	}
}