/**
 * WPForms styling for Ung Uteservice (handoff §6).
 * Loads after WPForms assets and overrides modern theme CSS variables.
 */

.uu-form .wpforms-container-full,
.uu-form .wpforms-container-full.wpforms-render-modern {
  --wpforms-button-background-color: #8dc63f;
  --wpforms-button-background-color-alt: #8dc63f;
  --wpforms-button-text-color: #14331d;
  --wpforms-button-border-radius: 999px;
  --wpforms-button-size-height: auto;
  --wpforms-field-border-radius: 12px;
  --wpforms-field-border-color: #dcdad0;
  --wpforms-field-background-color: #fbfbf7;
  --wpforms-field-text-color: #14331d;
  --wpforms-field-menu-color: #14331d;
  --wpforms-label-color: #14331d;
  --wpforms-label-sublabel-color: #7c8c80;
  --wpforms-label-error-color: #b42318;
  --wpforms-background-color: transparent;
  --wpforms-background-url: none;
  --wpforms-container-padding: 0;
  --wpforms-container-border-width: 0;
  --wpforms-container-border-radius: 0;
  --wpforms-container-shadow: none;
  --wpforms-field-size-input-height: auto;

  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.uu-form .wpforms-container,
.uu-form .wpforms-container-full,
.uu-form form.wpforms-form {
  margin: 0;
  padding: 0;
}

.uu-form .wpforms-form {
  display: block;
}

.uu-form .wpforms-field-container {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 0;
  padding: 0;
}

.uu-form .wpforms-field,
.uu-form .wpforms-field-container > .wpforms-field {
  padding: 0;
  margin: 0;
  clear: none;
}

.uu-form .wpforms-field-layout,
.uu-form .wpforms-field-layout-rows,
.uu-form .wpforms-layout-row {
  padding: 0;
  margin: 0;
}

.uu-form .wpforms-field-layout-rows {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.uu-form .wpforms-layout-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}

.uu-form .wpforms-layout-column,
.uu-form .wpforms-layout-column-50 {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
}

.uu-form .wpforms-layout-column .wpforms-field,
.uu-form .wpforms-layout-column-50 .wpforms-field {
  width: 100%;
}

.uu-form .wpforms-field-label {
  display: block;
  margin: 0 0 7px;
  font-family: var(--font-family-heading);
  font-size: 14px;
  font-weight: 700;
  color: #14331d;
  line-height: 1.35;
}

.uu-form .wpforms-required-label {
  color: #14331d;
  font-weight: 700;
}

.uu-form .wpforms-container-full input,
.uu-form .wpforms-container-full select,
.uu-form .wpforms-container-full textarea,
.uu-form input[type="text"],
.uu-form input[type="email"],
.uu-form input[type="tel"],
.uu-form input[type="url"],
.uu-form input[type="number"],
.uu-form select,
.uu-form textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid #dcdad0;
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 16px;
  font-family: inherit;
  background: #fbfbf7;
  color: #14331d;
  box-shadow: none;
  height: auto;
  min-height: 52px;
  line-height: 1.25;
  overflow: visible;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.uu-form .wpforms-container-full input.wpforms-field-large,
.uu-form .wpforms-container-full select.wpforms-field-large,
.uu-form .wpforms-container-full textarea.wpforms-field-large {
  height: auto;
  min-height: 52px;
  padding: 14px 16px;
  line-height: 1.25;
  overflow: visible;
}

.uu-form .wpforms-container-full input:focus,
.uu-form .wpforms-container-full select:focus,
.uu-form .wpforms-container-full textarea:focus,
.uu-form input:focus,
.uu-form select:focus,
.uu-form textarea:focus {
  outline: none;
  border-color: #7ab648;
  background: #fff;
}

.uu-form textarea,
.uu-form .wpforms-container-full textarea {
  min-height: 132px;
  resize: vertical;
}

.uu-form select,
.uu-form .wpforms-container-full select,
.uu-form .wpforms-container-full select.wpforms-field-large,
.uu-form .wpforms-field-select select {
  appearance: none;
  height: auto;
  min-height: 52px;
  padding: 14px 40px 14px 16px;
  line-height: 1.25;
  background-color: #fbfbf7;
  background-image: linear-gradient(45deg, transparent 50%, #14331d 50%), linear-gradient(135deg, #14331d 50%, transparent 50%);
  background-position: calc(100% - 22px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.uu-form .wpforms-field-description,
.uu-form .wpforms-field-limit-text {
  margin-top: 8px;
  color: #7c8c80;
  font-size: 14px;
  line-height: 1.45;
}

.uu-form .wpforms-submit-container {
  margin: 10px 0 0;
  padding: 0;
}

.uu-form .wpforms-container-full button[type="submit"],
.uu-form .wpforms-container-full input[type="submit"],
.uu-form .wpforms-container-full .wpforms-submit,
.uu-form button[type="submit"],
.uu-form .wpforms-submit {
  width: 100%;
  border: 0;
  border-radius: 999px;
  padding: 17px 28px;
  background: #8dc63f;
  background-color: #8dc63f;
  color: #14331d;
  font-family: var(--font-family-heading);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.uu-form .wpforms-container-full button[type="submit"]:hover,
.uu-form .wpforms-container-full button[type="submit"]:focus-visible,
.uu-form .wpforms-container-full input[type="submit"]:hover,
.uu-form .wpforms-container-full .wpforms-submit:hover,
.uu-form button[type="submit"]:hover,
.uu-form button[type="submit"]:focus-visible,
.uu-form .wpforms-submit:hover,
.uu-form .wpforms-submit:focus-visible {
  background: #14331d;
  background-color: #14331d;
  color: #fff;
}

.uu-form .wpforms-submit-spinner {
  display: none;
}

.uu-form .wpforms-error-noscript,
.uu-form noscript.wpforms-error-noscript,
.uu-form #wpforms-error-noscript {
  display: none;
}

.uu-form .wpforms-error-container,
.uu-form .wpforms-field.wpforms-has-error .wpforms-error {
  color: #b42318;
  font-size: 14px;
}

.uu-form .wpforms-field.wpforms-has-error input,
.uu-form .wpforms-field.wpforms-has-error select,
.uu-form .wpforms-field.wpforms-has-error textarea {
  border-color: #b42318;
}

.uu-form .wpforms-confirmation-container-full {
  margin: 0;
  padding: 16px 18px;
  border-radius: 12px;
  background: #e2efd0;
  color: #14331d;
  font-size: 16px;
}

.uu-form__footer,
.uu-form .wpforms-footer,
.uu-form .wpforms-form-footer {
  margin: 14px 0 0;
  color: #7c8c80;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}

.uu-form .wpforms-footer p,
.uu-form .wpforms-form-footer p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  text-align: center;
}

@media (max-width: 900px) {
  .uu-form .wpforms-field-layout-rows {
    padding: 0 !important;
  }

  .uu-form .wpforms-layout-row {
    flex-direction: column;
    gap: 16px;
    margin: 0 !important;
  }

  .uu-form .wpforms-layout-column,
  .uu-form .wpforms-layout-column-50 {
    flex-basis: 100%;
    width: 100%;
    padding: 0 !important;
  }

  .uu-form .wpforms-field-container,
  .uu-form .wpforms-field-layout-rows {
    gap: 16px;
  }

  .uu-form .wpforms-field-label {
    margin-bottom: 5px;
  }

  .uu-form .wpforms-container-full input,
  .uu-form .wpforms-container-full select,
  .uu-form .wpforms-container-full textarea,
  .uu-form input[type="text"],
  .uu-form input[type="email"],
  .uu-form input[type="tel"],
  .uu-form input[type="url"],
  .uu-form input[type="number"],
  .uu-form select,
  .uu-form textarea,
  .uu-form .wpforms-container-full input.wpforms-field-large,
  .uu-form .wpforms-container-full select.wpforms-field-large,
  .uu-form .wpforms-container-full textarea.wpforms-field-large {
    padding: 10px 12px;
    min-height: 44px;
  }

  .uu-form select,
  .uu-form .wpforms-container-full select,
  .uu-form .wpforms-container-full select.wpforms-field-large,
  .uu-form .wpforms-field-select select {
    min-height: 44px;
    padding: 10px 36px 10px 12px;
  }

  .uu-form textarea,
  .uu-form .wpforms-container-full textarea {
    min-height: 100px;
  }

  .uu-form .wpforms-field-description,
  .uu-form .wpforms-field-limit-text {
    margin-top: 4px;
    font-size: 13px;
  }

  .uu-form .wpforms-submit-container {
    margin-top: 6px;
  }

  .uu-form .wpforms-container-full button[type="submit"],
  .uu-form .wpforms-container-full input[type="submit"],
  .uu-form .wpforms-container-full .wpforms-submit,
  .uu-form button[type="submit"],
  .uu-form .wpforms-submit {
    padding: 15px 24px;
  }
}