/* ========== Foundation for Good form (scoped) ========== */
form#webform-submission-foundation-for-good-node-6161-add-form{
  display:grid;
  grid-template-columns: 1fr 1fr;   /* desktop two-col */
  gap:16px;
}

/* by default, each top-level field spans both columns */
form#webform-submission-foundation-for-good-node-6161-add-form > .js-form-item,
form#webform-submission-foundation-for-good-node-6161-add-form > .js-form-wrapper{
  grid-column: 1 / -1;
}

/* place the pairs side-by-side on desktop */
form#webform-submission-foundation-for-good-node-6161-add-form > .form-item-first-name{ grid-column: 1; }
form#webform-submission-foundation-for-good-node-6161-add-form > .form-item-last-name { grid-column: 2; }
form#webform-submission-foundation-for-good-node-6161-add-form > .form-item-email     { grid-column: 1; }
form#webform-submission-foundation-for-good-node-6161-add-form > .form-item-phone     { grid-column: 2; }

/* MOBILE: force single-column & prevent overflow on tiny screens */
@media (max-width: 720px){
  form#webform-submission-foundation-for-good-node-6161-add-form{
    grid-template-columns: 1fr !important;
  }
  form#webform-submission-foundation-for-good-node-6161-add-form > .js-form-item,
  form#webform-submission-foundation-for-good-node-6161-add-form > .js-form-wrapper{
    grid-column: 1 / -1 !important;
  }
}

/* input + select visual consistency */
form#webform-submission-foundation-for-good-node-6161-add-form input[type="text"],
form#webform-submission-foundation-for-good-node-6161-add-form input[type="email"],
form#webform-submission-foundation-for-good-node-6161-add-form input[type="tel"],
form#webform-submission-foundation-for-good-node-6161-add-form select{
  background:#eef1f3 !important;
  border:1px solid #d7dee5;
  height:44px;
  padding:8px 12px;
  width:100%;
  box-sizing:border-box;
  line-height:normal;
}

/* restore native dropdown UI so the arrow/icon shows */
form#webform-submission-foundation-for-good-node-6161-add-form select{
  appearance:auto; -webkit-appearance:auto; padding-right:12px;
}

/* textarea match */
form#webform-submission-foundation-for-good-node-6161-add-form textarea{
  background:#eef1f3 !important;
  border:1px solid #d7dee5;
  padding:10px 12px; width:100%; box-sizing:border-box;
}

/* label spacing */
form#webform-submission-foundation-for-good-node-6161-add-form .js-form-item label{
  display:block; margin-bottom:6px;
}

/* focus states (Lineage blue) */
form#webform-submission-foundation-for-good-node-6161-add-form input:focus,
form#webform-submission-foundation-for-good-node-6161-add-form select:focus,
form#webform-submission-foundation-for-good-node-6161-add-form textarea:focus{
  outline:2px solid #0067a0;
  outline-offset:0;
  box-shadow:0 0 0 2px rgba(0,103,160,0.15);
  border-color:#0067a0;
  background:#fff;
}

/* error states (Drupal usually adds .error or .form-item--error) */
form#webform-submission-foundation-for-good-node-6161-add-form .error input,
form#webform-submission-foundation-for-good-node-6161-add-form .error select,
form#webform-submission-foundation-for-good-node-6161-add-form .error textarea,
form#webform-submission-foundation-for-good-node-6161-add-form .form-item--error input,
form#webform-submission-foundation-for-good-node-6161-add-form .form-item--error select,
form#webform-submission-foundation-for-good-node-6161-add-form .form-item--error textarea{
  border-color:#c62828;
}

/* submit button: outline style consistent with site */
form#webform-submission-foundation-for-good-node-6161-add-form .webform-actions .form-submit{
  border:2px solid #0085ca;
  background:transparent;
  color:#0085ca !important;
  text-transform:uppercase;
  padding:12px 16px;
  font-weight:700;
}
form#webform-submission-foundation-for-good-node-6161-add-form .webform-actions .form-submit:hover{
  background:#0085ca;
  color:#fff !important;
  text-decoration:none;
}