@use "~@wordpress/base-styles/breakpoints" as wp-breakpoints;
@use "../variables/colors" as colors;

.edd-editor__header {
	height: auto;
	border-bottom: 1px solid #e2e4e7;
	z-index: 30;
	position: sticky;
	top: 32px;
	margin-left: -20px;
	background: colors.$white;
	padding: 12px 0;

	@media screen and (max-width: wp-breakpoints.$break-medium) {
		top: 0;
	}

	h2 {
		margin: 0;
	}

	p.submit {
		margin: 0;
		padding: 0;
	}

	.edd-form-group {
		margin-bottom: 0;
	}
}

.edd-editor__header--actions {
	padding: 4px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edd-editor__title,
.edd-editor__actions {
	display: flex;
	gap: .5em;
	align-items: center;
}

.edd-editor__actions {
	margin-left: auto;

	&--test {
		display: flex;
		gap: .5em;

		@media screen and (max-width: wp-breakpoints.$break-medium) {
			.edd-editor__header & {
				display: none;
			}
		}
	}
}

.edd-editor__status {
	display: flex;
	gap: .5em;
	padding-right: .5em;

	.edd-help-tip {
		display: block;
		cursor: unset;
		margin: 0;
	}
}

@media screen and (max-width: wp-breakpoints.$break-medium) {
	.button.edd-back {
		display: none !important;
	}
}
