/* =========================================================
     CONTACT
     Scoped to #contact
  ========================================================= */

  /* ---------- Mobile/tablet width + spacing ---------- */
  @media (max-width: 575.98px) {
    #contact .container {
      padding-left: 1.25rem !important;
      padding-right: 1.25rem !important;
    }

    #contact .col-lg-10 {
      max-width: 100% !important;
      flex: 0 0 100% !important;
    }

    #contact .php-email-form .row.gy-4 {
      --bs-gutter-y: 1.15rem;
      --bs-gutter-x: 1rem;
    }

    #contact .php-email-form .form-control,
    #contact .php-email-form select.form-control {
      padding: 0.95rem 1rem !important;
      font-size: 1.02rem !important;
      border-radius: 12px !important;
    }

    #contact .php-email-form textarea.form-control {
      min-height: 180px !important;
    }

    #contact .php-email-form .form-check {
      margin-top: 0.55rem !important;
    }

    #contact .php-email-form .form-check-label {
      padding-left: 0.15rem;
      line-height: 1.35 !important;
    }

    #contact .php-email-form {
      padding: 0 !important;
    }
  }

  @media (min-width: 576px) and (max-width: 991.98px) {
    #contact .container {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }

    #contact .php-email-form .row.gy-4 {
      --bs-gutter-y: 1.25rem;
      --bs-gutter-x: 1.25rem;
    }
  }

  /* ---------- Reveal targets ---------- */
  #contact #other-field-container,
  #contact #action-other-field-container {
    display: none;
  }

  /* ---------- Honeypot ---------- */
  #contact .contact-honeypot {
    position: absolute;
    top: auto;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /* ---------- Status messages ---------- */
  #contact .loading,
  #contact .error-message,
  #contact .sent-message {
    display: none;
  }