/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/vehicle-submission/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #007cba;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wp-block-pva-vehicle-submission {
  max-width: 800px;
  margin: 0 auto;
}
.wp-block-pva-vehicle-submission h2 {
  color: #2c3e50;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.wp-block-pva-vehicle-submission h3 {
  color: #34495e;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
}
.wp-block-pva-vehicle-submission .other-types {
  margin-bottom: 1rem;
  font-size: 0.7rem;
}
.wp-block-pva-vehicle-submission form .saved-data-message {
  font-size: 0.9rem;
  margin: 10px 0;
}
.wp-block-pva-vehicle-submission form .vehicle-example-photos {
  margin-top: 20px;
}
.wp-block-pva-vehicle-submission form .photo-upload {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin: 0 2rem 2rem;
}
@media (max-width: 700px) {
  .wp-block-pva-vehicle-submission form .photo-upload {
    margin: 0 0 2rem;
  }
}
.wp-block-pva-vehicle-submission form .photo-upload > .photo-title {
  width: 100%;
}
.wp-block-pva-vehicle-submission form .photo-upload > div:nth-child(2), .wp-block-pva-vehicle-submission form .photo-upload > div:nth-child(3) {
  text-align: center;
  transition: all 0.2s ease;
  flex: 0 0 calc(50% - 0.4rem);
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-example-container,
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 700px) {
  .wp-block-pva-vehicle-submission form .photo-upload .photo-example-container,
  .wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container {
    justify-content: center;
  }
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container {
  justify-content: flex-end;
}
@media (max-width: 700px) {
  .wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container {
    justify-content: center;
  }
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .remove-photo,
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .upload-checkmark {
  display: none;
  position: absolute;
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .remove-photo span.dashicons,
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .upload-checkmark span.dashicons {
  color: #fff;
  font-size: 30px;
}
@media (max-width: 700px) {
  .wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .remove-photo span.dashicons,
  .wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .upload-checkmark span.dashicons {
    font-size: 24px;
  }
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .remove-photo span.dashicons::before,
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .upload-checkmark span.dashicons::before {
  background-color: silver;
  border-radius: 25px;
  padding: 0px;
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .remove-photo {
  right: 30px;
  top: 30px;
}
@media (max-width: 700px) {
  .wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .remove-photo {
    right: 14px;
    top: 20px;
  }
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .upload-checkmark {
  right: 30px;
  bottom: 30px;
}
@media (max-width: 700px) {
  .wp-block-pva-vehicle-submission form .photo-upload .photo-preview-container .upload-checkmark {
    right: 14px;
    bottom: 20px;
  }
}
.wp-block-pva-vehicle-submission form .photo-upload .example-image,
.wp-block-pva-vehicle-submission form .photo-upload .preview-image {
  width: 100%;
  height: auto;
  max-width: 400px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  border-radius: 4px;
  margin-top: 0.5rem;
  padding: 10px;
}
.wp-block-pva-vehicle-submission form .photo-upload .photo-title {
  color: #7f8c8d;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  width: 100%;
}
.wp-block-pva-vehicle-submission form .photo-upload[data-uploaded=true] .photo-preview-container .remove-photo,
.wp-block-pva-vehicle-submission form .photo-upload[data-uploaded=true] .photo-preview-container .upload-checkmark {
  display: inline-block;
}
.wp-block-pva-vehicle-submission form .photos p {
  color: #7f8c8d;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.wp-block-pva-vehicle-submission form .g-recaptcha {
  margin-top: 1rem;
}
.wp-block-pva-vehicle-submission form button[type=submit] {
  padding: 0.8rem 1.5rem;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}
.wp-block-pva-vehicle-submission form button[type=submit]:active {
  transform: translateY(1px);
}
.wp-block-pva-vehicle-submission form .other-input {
  width: calc(50% - 10px);
  margin-left: 10px;
}
.wp-block-pva-vehicle-submission form .other-input {
  display: none;
}
.wp-block-pva-vehicle-submission form select:has(option[value=other]:checked),
.wp-block-pva-vehicle-submission form select:has(option[value=other2]:checked) {
  width: 50%;
}
.wp-block-pva-vehicle-submission form select:has(option[value=other]:checked) + .other-input,
.wp-block-pva-vehicle-submission form select:has(option[value=other2]:checked) + .other-input {
  display: block;
}
.wp-block-pva-vehicle-submission form .photo-upload:has(img.example-image:not([src]), img.example-image[src=""]) {
  display: none;
}

.submission-success p {
  font-size: larger;
}

/* Modal Styles for Photo Instructions */
.modal-container {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.modal-container.open {
  display: flex;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 2001;
}

.modal-content {
  position: relative;
  z-index: 2002;
  background: #fff;
  border-radius: 12px;
  max-width: 480px;
  width: 90vw;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.22);
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.close-modal {
  background: none;
  border: none;
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: -6px;
  color: #333;
  cursor: pointer;
  z-index: 2003;
  line-height: 1;
}

button.close-modal:hover {
  background-color: transparent;
}

.close-modal:focus {
  outline: none;
}

.modal-content-inner {
  width: 100%;
  color: #222;
  font-size: 1.15rem;
}
@media (max-width: 700px) {
  .modal-content-inner {
    font-size: 1.65rem;
  }
}

button.submit-button-complete {
  background-color: var(--wp--preset--color--accent-2);
}

form:has(button.submit-button[value=add]) button.submit-button-complete {
  display: none;
}

/*# sourceMappingURL=style-index.css.map*/