@use '@talend/bootstrap-theme/src/theme/guidelines' as *;
@use '@talend/design-tokens/lib/tokens' as tokens;

// Toolbar styles
$tc-list-toolbar-height: 4.375rem !default;

.tc-list-toolbar {
	background: tokens.$coral-color-neutral-background-medium;
	border-top: tokens.$coral-border-s-solid tokens.$coral-color-neutral-border-weak;
	border-bottom: tokens.$coral-border-s-solid tokens.$coral-color-neutral-border-weak;
	margin-bottom: 0;
	padding: 0 $padding-larger;

	> :global(.container-fluid) {
		padding-left: 0;
	}

	:global(.navbar-btn) {
		margin-top: 0;
		margin-bottom: 0;
	}

	:global(.navbar-text) {
		color: tokens.$coral-color-neutral-text;
		margin-right: 0;

		label {
			font-weight: 400;
			margin: 0;
		}
	}

	:global(.nav) {
		a[role='menuitem'],
		a:global(.dropdown-toggle) {
			color: tokens.$coral-color-neutral-text;
			font-weight: normal;
		}
	}

	:global(.tc-actionbar-container) {
		background-color: tokens.$coral-color-neutral-background-medium;
		padding: 0;
		height: $tc-list-toolbar-height;

		:global(.navbar-left),
		:global(.navbar-right) {
			> * {
				margin-right: $padding-normal;

				&:last-child {
					margin-right: 0;
				}
			}
		}
	}

	:global(.list-action-bar) {
		:global(.navbar-right) {
			> ul {
				list-style: none;
				display: flex;
				align-items: center;
				margin: 0;

				> li {
					display: flex;
					align-items: center;
					margin-left: $padding-normal;

					button[role='search'] {
						padding-right: 0;
					}

					&:global(.separated):not(:first-child)::before {
						content: '|';
						color: tokens.$coral-color-neutral-text-weak;
					}

					&:global(.select-sort-by) :global(.navbar-text) {
						margin-bottom: $padding-normal;
						margin-left: $padding-normal;
						font-weight: normal;
						color: tokens.$coral-color-neutral-text;
					}
				}
			}
		}
	}

	:global(.separated button[data-feature='column-chooser.open']) {
		margin-left: tokens.$coral-spacing-m;
	}
}