/**
 * Minty Media Postcode Checker - frontend.
 *
 * Deliberately minimal: the fields keep all Elementor classes, so the styling
 * of the form itself is untouched.
 *
 * @package MintyMedia\ElementorFormsAddon
 * @version 1.0.0
 */

/* Loading icon on the right hand side of the field, drawn as a background
   image so the input keeps its original size and position. */
input[data-mmpc-role].mmpc-loading,
.elementor-field-group input[data-mmpc-role].mmpc-loading {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23888888' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='8' opacity='0.25'/%3E%3Cpath d='M18 10a8 8 0 0 0-8-8' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='0.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 18px 18px;
}

/* A locked field is still readable and still submitted, but cannot be typed in. */
input[data-mmpc-role].mmpc-locked {
	cursor: default;
}

/* Notice below the street field. Uses Elementor's own message classes, so it
   inherits the colours and spacing of the theme. */
.mmpc-message {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 5px;
}

.mmpc-message[hidden] {
	display: none !important;
}