.jvl-form {
	input[type="text"] {
		padding: initial;
      background-color: initial;
      border: 1px solid #767676;
      box-shadow: initial;
	}
	margin-bottom: 20px;
}


#jvl-widget-reg-form {
	.jvl-form { display: flex; position: relative; }
	svg { width: 100%; }
	.jvl-form span { 
		flex: 0 1; position: absolute; display: flex;
      left: 0; top: 0; bottom:0; text-align: center;
      background-color: #3f7ad9; color: #fff;
      width: 40px; padding: 10px 5px 5px 5px; flex-direction: column;
		border-radius: 4px 0 0 4px; justify-content: center;
	}
	input { 
		background-color: #f8b70c; border-radius: 3px; flex: 1 1; 
		padding: 0 0 0 calc(40px + .3em); font-size: 40px; font-weight: bold;
		max-width: 100%;
	}
}


#jvl-widget-mmy-form {
	.jvl-form { display: flex; gap: 10px; flex-direction: column; }
	select {
		flex: 1 1;
		padding: 10px;
		transition: opacity 600ms;
	}
	
	select.unpopulated {
		transition: opacity 300ms;
		opacity: 0.5;
		cursor: not-allowed;
	}
}


/* html:has(dialog[open]), body:has(dialog[open]) { overflow-y:hidden; } */
#jvl-widget-reg-form-dialog:not(:has(dialog[open])) { display: none; }
#jvl-widget-reg-form-dialog {
	position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: #000000ad;
   z-index: 9999;
   display: flex;
   align-items: center;
}


.home .jvl-form {
	select { padding: 20px 10px!important; }
	+ button {
		background: red; width:100%; border:0; color: white; font-weight: bold;
		font-family: "DM Sans", sans-serif; font-size: 16px; height: 40px;
	}
}



#jvl-widget-reg-form-dialog {
	border-radius: 10px;
	p { margin:0; }
	.vi-make-model { font-size: 22px; }
	.vi-tags { display: flex; margin-bottom: 1em; }
	.vi-tags > div:not(:last-of-type):after { content: '-'; display: inline-block; margin: 0 6px; }
	select { width: 100%; padding: 9px; border: 1px solid #bbb; border-radius: 3px; margin-bottom: 1em; }
	form { margin: 10px; }
}






#jvl-widget-reg-form button.jvl-loading { flex-direction:row; display:flex; justify-content: center; align-items: center; }
#jvl-widget-reg-form button.jvl-loading:after {
	font-family: 'dashicons';
   content: "\f463";
   width: 20px;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   line-height: 20px;
   transform: rotate(0deg);
	-webkit-animation: jvl_rotating 2s linear infinite;
  	-moz-animation: jvl_rotating 2s linear infinite;
  	-ms-animation: jvl_rotating 2s linear infinite;
  	-o-animation: jvl_rotating 2s linear infinite;
  	animation: jvl_rotating 2s linear infinite;
	position: relative;
	left: 6px;
	top: 0;
}



@keyframes jvl_rotating {
	from {
	  -ms-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -ms-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -webkit-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
}



.post-type-archive-product #jvl-widget-mmy-form .jvl-form { display: flex; flex-direction: column; }
.post-type-archive-product #jvl-widget-mmy-form select { width: 100%; }