/**
 * WPForms form #97 — override plugin max-width (medium = 60%).
 * Loaded after WPForms CSS via functions.php.
 */

/* Cegah layout halaman 2 kolom (kartu + form) pecah saat Select2 teks panjang */
.foot-contact {
  overflow-x: clip;
}

.foot-contact .row > [class*="col-"] {
  min-width: 0;
}

.pf-contactForm {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.pf-contactForm #wpforms-97,
.pf-contactForm #wpforms-form-97 {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.pf-contactForm .wpforms-field-container,
.pf-contactForm .wpforms-field {
  max-width: 100%;
  min-width: 0;
}

/* Exact WPForms selector — medium fields forced to 100% of parent column */
.pf-contactForm div.wpforms-container-full#wpforms-97.wpforms-render-modern form#wpforms-form-97.wpforms-form input.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full#wpforms-97.wpforms-render-modern form#wpforms-form-97.wpforms-form select.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full#wpforms-97.wpforms-render-modern form#wpforms-form-97.wpforms-form textarea.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full#wpforms-97 form.wpforms-form input.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full#wpforms-97 form.wpforms-form select.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full#wpforms-97 form.wpforms-form textarea.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
.pf-contactForm div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
.pf-contactForm #wpforms-97-field_1.wpforms-field-medium {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Email + Telepon: 2 kolom dalam form */
.pf-contactForm .wpforms-layout-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.pf-contactForm .wpforms-layout-column-50 {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  .pf-contactForm .wpforms-layout-column-50 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

.pf-contactForm #wpforms-97-field_1-container,
.pf-contactForm #wpforms-97-field_1 {
  width: 100% !important;
  max-width: 100% !important;
}

/* Jabatan + PT: Select2 tidak boleh melebarin kolom halaman */
.pf-contactForm #wpforms-97-field_5-container,
.pf-contactForm #wpforms-97-field_6-container {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
}

.pf-contactForm .select2-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.pf-contactForm .select2-container--default .select2-selection--single {
  position: relative;
  overflow: hidden;
  height: 48px;
}

.pf-contactForm .select2-container--default .select2-selection--single .select2-selection__rendered {
  position: absolute;
  left: 0;
  right: 30px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 46px;
  padding-left: 12px;
  padding-right: 0;
  box-sizing: border-box;
}

.pf-contactForm .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
}

.pf-contactForm #wpforms-97 .wpforms-submit {
  width: 100% !important;
  max-width: 100% !important;
}