//
// Schemes
//
.elementor-panel-scheme-title {
	padding: 10px 20px;
	margin-top: 10px;
}

.elementor-panel-scheme-description {
	padding: 20px 20px 0;
}

.elementor-panel-scheme-buttons {
	padding: 0 20px;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 40px;
	background-color: #fff;
	box-shadow: $panel-bottom-shadow;

	.elementor-button {
		font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		font-weight: 400;
	}
}

.elementor-panel-scheme-button-wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;

	&:first-child {
		text-align: $start;
	}

	&:last-child {
		text-align: $end;
	}
}

.elementor-panel-scheme-save {

	.elementor-button {
		padding: 6px 18px;
	}
}

.elementor-panel-scheme-reset, .elementor-panel-scheme-discard {

	.elementor-button {
		color: $editor-light;
		background: none;
	}
}

.elementor-panel-scheme-color {

	.elementor-panel-scheme-items {
		position: relative;
	}

	.elementor-panel-scheme-item {
		display: inline-block;

		&:not(:nth-child(4n)) {
			@media(max-width: $editor-screen-lg-max) {
				@include margin-end(13px);
			}

			@media(min-width: $editor-screen-xl-min) {
				@include margin-end(19px);
			}
		}
	}

	.wp-picker-container {

		&:not(.wp-picker-active) {
			float: none;
		}

		&.wp-picker-active {
			top: 10px;

			@media(max-width: $editor-screen-lg-max) {
				border-width: 0 4px 0 5px;
			}

			@media(min-width: $editor-screen-xl-min) {
				border-width: 0 7px 0 5px;
			}

			.wp-color-result {
				@media(max-width: $editor-screen-lg-max) {
					margin-right: 4px;
				}

				@media(min-width: $editor-screen-xl-min) {
					margin-right: 6px;
				}

				[class*="wp-version-4-9"] &, [class*="wp-version-5"] & {
					@media(max-width: $editor-screen-lg-max) {
						margin-right: 10px;
					}

					@media(min-width: $editor-screen-xl-min) {
						margin-right: 9px;
					}
				}
			}
		}
	}
}

.elementor-panel-scheme-color-title {
	text-align: center;
	text-transform: uppercase;
	margin: 10px 0;
	color: $editor-lighter;
	font-size: 8px;
}

.elementor-panel-scheme-typography-item {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 15px;

	 > * {
		 display: table-cell;
		 vertical-align: middle;
	 }
}

.elementor-panel-scheme-typography-item-value {

	select, input {
		width: 100%;
	}
}

.elementor-panel-scheme-item {

	&:not(.elementor-open) {

		.elementor-panel-scheme-typography-items {
			display: none;
		}
	}
}

.elementor-panel-scheme-color-system-scheme {
	margin-bottom: 10px;

	.elementor-title {
		font-size: 11px;
		color: $editor-light;
		font-style: italic;
		margin-top: 5px;
	}
}

.elementor-panel-scheme-color-system-items {
	display: flex;
	transition: border .5s;
	overflow: hidden;
	padding: 3px;
	border-radius: 3px;
	border: 1px solid $editor-lightest;
	cursor: pointer;

	&:hover {
		border: 1px solid $editor-light;
	}
}

.elementor-panel-scheme-color-system-item {
	height: 20px;
	flex-grow: 1;
}

#elementor-panel-schemes-disabled {

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