/* WP Forms */
/* Version: 24.07.2024 */

div.wpforms-container-full textarea,
div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"] {
  padding: 1.5rem 0.5rem 0.5rem 0.5rem !important;
}

div.wpforms-container-full select {
  padding: 1rem 0.5rem 1rem 0.5rem !important;
  line-height: 1.25rem !important;
}

div.wpforms-container-full select,
div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"] {
  height: 3.5rem !important;
}

/* * * * * * */
/* WP Forms Inputfelder Label/Placeholder Transition to top */
/* * * * * * */

.wpforms-container {
  margin: 0 !important;
}

.wpforms-container .wpforms-field {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

div.wpforms-container-full button[type="submit"] {
  padding: 0.75rem 1.5rem !important;
  height: unset !important;
  font-size: 1rem !important;
}

div.wpforms-container-full button[type="submit"]:hover {
  background-color: var(--e-global-color-accent) !important;
}

.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) {
  padding-left: 0.5rem !important;
}
.wpforms-field-name .wpforms-field-row-block.wpforms-first {
  padding-right: 0.5rem !important;
}
@container wpforms-field-row-responsive-name-field (max-width: 260px) {
  .wpforms-field-name .wpforms-field-row-block:not(.wpforms-first),
  .wpforms-field-name .wpforms-field-row-block.wpforms-first {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.wpforms-field-address .wpforms-field-row div,
.wpforms-field-name,
.wpforms-field-text,
.wpforms-field-phone,
.wpforms-field-textarea,
.wpforms-field-email {
  overflow-x: unset !important;
}

.wpforms-field-address .wpforms-field-row div,
.wpforms-field-name .wpforms-field-row-block,
.wpforms-field-name,
.wpforms-field-text,
.wpforms-field-phone,
.wpforms-field-textarea,
.wpforms-field-email {
  position: relative !important;
  /* border: 1px solid #000 !important; */
}

.wpforms-field-address .wpforms-field-row div,
.wpforms-field-name .wpforms-field-row-block input,
.wpforms-field-name input,
.wpforms-field-text input,
.wpforms-field-phone input,
.wpforms-field-textarea textarea,
.wpforms-field-email input {
  z-index: 1 !important;
}

.wpforms-field-address .wpforms-field-row div label,
.wpforms-field-name .wpforms-field-row-block label,
.wpforms-field-name .wpforms-field-description,
.wpforms-field-text .wpforms-field-description,
.wpforms-field-phone .wpforms-field-description,
.wpforms-field-textarea .wpforms-field-description,
.wpforms-field-email .wpforms-field-description {
  position: absolute !important;
  bottom: calc(50% - 1rem / 2) !important;
  margin: 0 !important;
  left: 1rem !important;
  height: 1rem !important;
  font-size: 1rem !important;
  transition: top 0.3s, font-size 0.3s !important;
  pointer-events: none !important;
  z-index: 2 !important;
  color: #aaaaaa !important;
}

.wpforms-field-textarea .wpforms-field-description {
  top: 1.5rem !important;
}

.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) label {
  left: 1.5rem !important;
}
@container wpforms-field-row-responsive-name-field (max-width: 260px) {
  .wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) label {
    left: 1rem !important;
  }
}
.wpforms-field-address .wpforms-field-row div label {
  top: 0.75rem !important;
}

.wpforms-field-address .wpforms-field-row div input:focus + label,
.wpforms-field-address .wpforms-field-row div input:not(:placeholder-shown) + label,
.wpforms-field-address .wpforms-field-row div input:-webkit-autofill + label,
.wpforms-field-address .wpforms-field-row div input:autofill + label,
.wpforms-field-address .wpforms-field-row div select:focus + label,
.wpforms-field-address .wpforms-field-row div select:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block input:focus + label,
.wpforms-field-name .wpforms-field-row-block input:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block input:-webkit-autofill + label,
.wpforms-field-name .wpforms-field-row-block input:autofill + label,
.wpforms-field-name input:focus + .wpforms-field-description,
.wpforms-field-name input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-name input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-name input:autofill + .wpforms-field-description,
.wpforms-field-text input:focus + .wpforms-field-description,
.wpforms-field-text input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-text input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-text input:autofill + .wpforms-field-description,
.wpforms-field-phone input:focus + .wpforms-field-description,
.wpforms-field-phone input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-phone input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-phone input:autofill + .wpforms-field-description,
.wpforms-field-textarea textarea:focus + .wpforms-field-description,
.wpforms-field-textarea textarea:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-email input:focus + .wpforms-field-description,
.wpforms-field-email input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-email input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-email input:autofill + .wpforms-field-description {
  top: 0.75rem !important;
  left: 0.5rem !important;
  font-size: 0.75rem !important;
  /* color: var(--wpforms-label-sublabel-color) !important; */
  color: #777777 !important;
  z-index: 4 !important;
}

.wpforms-field-name .wpforms-field-row-block input:focus + label,
.wpforms-field-name .wpforms-field-row-block input:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block input:-webkit-autofill + label,
.wpforms-field-name .wpforms-field-row-block input:autofill + label {
  top: 0.25rem !important;
}

.wpforms-field-address .wpforms-field-row div input:focus + label,
.wpforms-field-address .wpforms-field-row div input:not(:placeholder-shown) + label,
.wpforms-field-address .wpforms-field-row div input:-webkit-autofill + label,
.wpforms-field-address .wpforms-field-row div input:autofill + label,
.wpforms-field-address .wpforms-field-row div select:focus + label,
.wpforms-field-address .wpforms-field-row div select:not(:placeholder-shown) + label {
  top: 0.15rem !important;
}

.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:focus + label,
.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:-webkit-autofill + label,
.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:autofill + label {
  left: 1rem !important;
}

.wpforms-field-address .wpforms-field-row div input::placeholder,
.wpforms-field-address .wpforms-field-row div select::placeholder,
.wpforms-field-name .wpforms-field-row-block input::placeholder,
.wpforms-field-name input::placeholder,
.wpforms-field-text input::placeholder,
.wpforms-field-phone input::placeholder,
.wpforms-field-textarea textarea::placeholder,
.wpforms-field-email input::placeholder {
  opacity: 0 !important;
}

.elementor-widget-wpforms {
  --wpforms-label-size-sublabel-font-size: 0.85rem !important;
  --wpforms-field-size-input-spacing: 1rem !important;
}
