@import (reference) '../../styles/variables';
@import (reference) '../../styles/mixins';

.jodit-status-bar {
	display: flex;
	overflow: hidden;
	height: 20px;

	align-items: center;
	justify-content: flex-start;

	padding: 0 calc(var(--padding-default) / 2);

	&_resize-handle_true {
		padding-right: 14px;
	}

	background-color: var(--color-panel);
	border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);

	color: var(--color-text-icons);

	font-size: var(--font-size-small);
	text-transform: uppercase;

	&::before {
		flex: auto;
		order: 1;
		content: '';
	}

	.jodit-status-bar__item {
		&,
		& > span {
			.font();

			font-size: var(--font-size-small);
		}

		order: 0;
		padding: 0;
		margin: 0 var(--padding-default) 0 0;
		line-height: 1.57142857em;

		&.jodit-status-bar__item-right {
			order: 2;
			margin: 0 0 0 var(--padding-default);
		}

		a {
			border-radius: 3px;
			cursor: default;
			text-decoration: none;

			&:hover {
				background-color: var(--color-background-gray);
				text-decoration: none;
			}
		}
	}

	a.jodit-status-bar-link {
		cursor: pointer;

		&,
		&:hover,
		&:visited {
			background-color: transparent;
			color: var(--color-text-icons);
		}

		&:hover {
			text-decoration: underline;
		}
	}
}

.jodit-workplace + .jodit-status-bar:not(:empty) {
	border-top: 1px solid var(--color-border);
}

.jodit_disabled .jodit-status-bar {
	opacity: 0.4;
}