/* ==========================================================================
   GRAVITY FORMS + ACF FORM – scoped / tokenized / vereinheitlicht
   ========================================================================== */

/* ==========================================================================
   0) Form Tokens (nur innerhalb Gravity Theme Wrapper)
   ========================================================================== */
.gform_wrapper.gravity-theme {
  --form-border: var(--blue);
  --form-primary: var(--darkblue);
  --form-accent: var(--blue);
  --form-text-on-dark: var(--light);

  --form-radius: 5px;
  --form-radius-sm: 2px;

  --form-transition: var(--tra-3s);
  --form-transition-fast: 0.4s;

  /* Select Arrow (Base64) als Variable */
  --form-select-arrow: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
}

/* ==========================================================================
   1) Feldbreiten
   ========================================================================== */
.gform_wrapper.gravity-theme .gfield input.medium,
.gform_wrapper.gravity-theme .gfield select.medium {
  width: 100% !important;
}

/* ==========================================================================
   2) Labels & Options
   ========================================================================== */
.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label,
.gform_wrapper.gravity-theme span.gform_fileupload_rules {
  font-size: 1.2rem !important;
}

/* ==========================================================================
   3) Inputs / Textarea / Select / Chosen – Base
   ========================================================================== */
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input.text,
.gform_wrapper.gravity-theme input.title,
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme .chosen-container {
  border: 1px solid var(--form-border);
}

/* ==========================================================================
   4) Select Styling (Custom Arrow)
   ========================================================================== */
.gform_wrapper.gravity-theme select {
  -webkit-appearance: none;
  border-radius: var(--form-radius-sm);
  background-image: var(--form-select-arrow);
  background-position: center right;
  background-repeat: no-repeat;
}

/* ==========================================================================
   5) Chosen (Multi Select)
   ========================================================================== */
.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices {
  padding: 4px 8px !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   6) File Upload Button (WebKit)
   ========================================================================== */
.gform_wrapper.gravity-theme ::-webkit-file-upload-button {
  background: var(--form-accent);
  color: var(--form-text-on-dark);
  padding: 1em;
  margin-bottom: 5px;
  border: none;

  font-weight: 800;
  transition: var(--form-transition);
}

.gform_wrapper.gravity-theme ::-webkit-file-upload-button:hover {
  background: var(--form-primary);
  cursor: pointer;
}

.gform_wrapper.gravity-theme .ginput_container_fileupload {
  margin: 0 0 30px;
  padding-bottom: 20px;
}

/* ==========================================================================
   7) Buttons – gemeinsame Button-Basis (Gravity + ACF)
   ========================================================================== */
.gform_wrapper.gravity-theme .gform_button,
.acf-form .acf-button.button,
.gform_wrapper.gravity-theme ::-webkit-file-upload-button {
  transition: var(--form-transition);
}

/* Gravity Submit (spezifisch: Form ID 2 – wie in deinem Original) */
.gform_wrapper.gravity-theme input#gform_submit_button_2 {
  padding: 1rem 1.5rem;
  border-radius: var(--form-radius);

  font-size: 1.5rem !important;
  font-weight: 600;
  cursor: pointer;

  color: var(--form-text-on-dark);
  background: var(--form-primary);
  border: 1px solid var(--form-primary);
  z-index: 5;

  transition: var(--form-transition-fast);
}

.gform_wrapper.gravity-theme .gform_button:hover {
  background-color: var(--form-accent) !important;
  color: #fff;
  border: 1px solid var(--form-accent) !important;
}

/* ==========================================================================
   8) ACF Frontend Form – Button
   ========================================================================== */
.acf-form .acf-button.button {
  background: var(--blue);
  color: var(--light);
  padding: 0.5rem 1rem;
  font-weight: 600;
}

.acf-form .acf-button.button:hover {
  background: var(--darkblue);
}