/*
 * Igloo Site Works — Premium WPForms Styling
 */

:root {
  --igloo-form-orange: #ff6a00;
  --igloo-form-orange-dark: #d95700;
  --igloo-form-text: #182631;
  --igloo-form-muted: #7b8790;
  --igloo-form-border: #ccd3d8;
  --igloo-form-focus: rgba(255, 106, 0, 0.16);
}

.wpforms-container { margin: 0 !important; }
.wpforms-container .wpforms-field { padding: 0 0 24px !important; }

.wpforms-container .wpforms-field-label {
  display: block !important;
  margin: 0 0 9px !important;
  color: var(--igloo-form-text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .7px !important;
  text-transform: uppercase !important;
}

.wpforms-container .wpforms-required-label {
  color: var(--igloo-form-orange) !important;
}

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="date"],
.wpforms-container select,
.wpforms-container textarea {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid var(--igloo-form-border) !important;
  border-radius: 2px !important;
  background: #fff !important;
  color: var(--igloo-form-text) !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  transition: border-color 180ms ease, box-shadow 180ms ease !important;
}

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="date"],
.wpforms-container select {
  min-height: 58px !important;
  padding: 0 17px !important;
}

.wpforms-container textarea {
  min-height: 170px !important;
  padding: 15px 17px !important;
  resize: vertical !important;
}

.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
  outline: none !important;
  border-color: var(--igloo-form-orange) !important;
  box-shadow: 0 0 0 4px var(--igloo-form-focus) !important;
}

.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
  color: var(--igloo-form-muted) !important;
  opacity: 1 !important;
}

/* Make dropdown placeholder visible */
.wpforms-container select,
.wpforms-container select option {
  color: var(--igloo-form-text) !important;
  background: #fff !important;
}

.wpforms-container select:invalid {
  color: var(--igloo-form-muted) !important;
}

.wpforms-container select option[value=""],
.wpforms-container select option:first-child {
  color: var(--igloo-form-muted) !important;
}

/* Phone field */
.wpforms-container .iti {
  width: 100% !important;
}

.wpforms-container .iti input[type="tel"],
.wpforms-container input.wpforms-field-phone {
  min-height: 58px !important;
  padding-left: 92px !important;
  padding-right: 17px !important;
  color: var(--igloo-form-text) !important;
  background: #fff !important;
}

.wpforms-container .iti__flag-container,
.wpforms-container .iti__selected-country {
  width: 76px !important;
}

.wpforms-container .iti__selected-country {
  padding: 0 10px !important;
}

.wpforms-container .wpforms-field-sublabel {
  margin-top: 7px !important;
  color: var(--igloo-form-muted) !important;
  font-size: 13px !important;
}

/* File upload */
.wpforms-container .wpforms-uploader {
  min-height: 165px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px dashed #c6cdd2 !important;
  border-radius: 2px !important;
  background: #f6f7f8 !important;
}

.wpforms-container .wpforms-uploader:hover {
  border-color: var(--igloo-form-orange) !important;
  background: #fff8f2 !important;
}

.wpforms-container .wpforms-field-description {
  margin-top: 8px !important;
  color: var(--igloo-form-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Submit */
.wpforms-container .wpforms-submit-container {
  padding-top: 6px !important;
}

.wpforms-container button[type="submit"],
.wpforms-container .wpforms-submit {
  min-height: 56px !important;
  padding: 15px 28px !important;
  border: 2px solid var(--igloo-form-orange) !important;
  border-radius: 0 !important;
  background: var(--igloo-form-orange) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
  border-color: var(--igloo-form-orange-dark) !important;
  background: var(--igloo-form-orange-dark) !important;
  transform: translateY(-2px) !important;
}

/* Validation */
.wpforms-container label.wpforms-error,
.wpforms-container em.wpforms-error {
  margin-top: 7px !important;
  color: #b42318 !important;
  font-size: 13px !important;
}

.wpforms-container input.wpforms-error,
.wpforms-container select.wpforms-error,
.wpforms-container textarea.wpforms-error {
  border-color: #b42318 !important;
}

@media (max-width: 700px) {
  .wpforms-container .wpforms-field-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .wpforms-container .wpforms-field-row-block {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  .wpforms-container button[type="submit"],
  .wpforms-container .wpforms-submit {
    width: 100% !important;
  }
}
/* Final premium form polish */

.contact-form-panel,
.wpforms-container-full {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 60px rgba(8, 23, 37, 0.12) !important;
}

.wpforms-container-full {
    padding: 34px !important;
}

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container input[type="date"],
.wpforms-container select,
.wpforms-container textarea {
    border: 1px solid #c8d0d6 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(8, 23, 37, 0.05) !important;
}

.wpforms-container input:hover,
.wpforms-container select:hover,
.wpforms-container textarea:hover {
    border-color: #9da8b0 !important;
}

.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
    border-color: #ff6a00 !important;
    box-shadow: 0 0 0 4px rgba(255, 106, 0, 0.16) !important;
}

.wpforms-container .wpforms-field {
    padding-bottom: 27px !important;
}

.wpforms-container button[type="submit"],
.wpforms-container .wpforms-submit {
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(255, 106, 0, 0.24) !important;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
    box-shadow: 0 14px 30px rgba(255, 106, 0, 0.32) !important;
}

@media (max-width: 700px) {
    .wpforms-container-full {
        padding: 22px !important;
        border-radius: 8px !important;
    }
}