/**
 * The following styles get applied inside the editor only.
 */

.aawp-look-selector-wrap {
	align-items: center;

	img {
		height: 100px;
		width: 230px;
	}

	.components-base-control {
		width: 100%;
	}

	.components-placeholder__fieldset {

		flex-direction: column;
		text-align: center;

		img {
			align-self: center;
			max-height: 50px;
			width: auto;
		}

		p.block-selector-text {
			color: #898DA5;
			font-size: 18px;
			margin-bottom: 0px !important;
		}
	}

	.components-radio-control__option {
		flex-basis: 75%;

		label {
			border: 1px solid var(--unnamed-color-c4c9d2);
			background: #FFFFFF 0% 0% no-repeat padding-box;
			box-shadow: 0px 3px 6px #00000029;
			border: 1px solid #C4C9D2;
			padding: 12px;
			border-radius: 5px;
			text-align: left;
			min-height: 168px;

			p.aawp-display-variant-label {
				color: #293263;
				font-weight: bold;
				font-size: 22px;
				margin-bottom: 0px !important;
				margin-top: 10px;
				white-space: nowrap;
			}

			div.aawp-display-variant-img {
				background: #FFFFFF 0% 0% no-repeat padding-box;
				height: 30px;
				width: 50px;
				border-radius: 10px;
			}
	
			p.aawp-display-variant-description {
				color: #4E5581;
				font-size: 12px;
				margin-bottom: 0px !important;
			}

			div.aawp-display-variant-arrow {
				float: right;
				color: #453DFA;
				font-size: 28px;
				padding: 0px;
			  }
		}
	}

	.components-select-control__input {
		padding: 0 10px;
		height: auto;
	}

	.components-radio-control__option img {
		width: 25px;
		height: 25px;
	}

	.components-radio-control__option:not(:last-child) {
		margin-bottom: 0px;
	}
}

.aawp-look-selector-radio-control input[type=radio] {
	position: absolute;
	width: 0;
	height: 0;
	border: 0;
}

.aawp-look-selector-radio-control input[type=radio]:hover + label {
	outline: #66C1EF solid 1px;
	box-shadow: 0px 10px 15px #0000002F;
}

.aawp-look-selector-radio-control input[type=radio]:checked + label {
	outline: #3A62ED solid 1px;
	box-shadow: 0px 15px 15px #0000002F;
}

.aawp-look-selector-radio-control input[type=radio]:checked+label p {
    color: #3a62ed;
}

.aawp-look-selector-radio-control input[type=radio]:checked::before {
	content: "";
	opacity: 0;
}

.aawp-look-selector-radio-control input[type=radio]:focus {
	box-shadow: none;
}

.aawp-look-selector-radio-control div {
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	div {
		padding-top: 5px;
		max-width: 400px;
	}
}

@media only screen and (max-width: 1024px) {
  .aawp-look-selector-radio-control div div {
    flex-basis: 100%;
	max-width: 555px;
  }

  .aawp-look-selector-wrap .components-radio-control__option {
	flex-basis: 100%
  }
}

#aawp .postbox-header .hndle {
   justify-content: normal;
}

#aawp .postbox-header .hndle span{
   padding-left: 5px;
}

.components-panel__body {
	.aawp-asin-input-control {
		margin-bottom: 0px;
	}

	.aawp-products-search-container {
		padding-top: 5px;
	}

	.aawp-fields-value-input-control {
		padding-top: 15px;
	}

	.aawp-table-add-products-search.components-button:focus:not(:disabled) {
		box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
	}

	.components-button.aawp-table-add-products-search {
		width: 100%;
		padding-left: 6px;
		padding-right: 6px;
	}
}