/* Open sign-up block (partials/sections/signup-form.html) + contact form fixes (also /contactus/) */
/* One centred column: the sentence on the page background, then the lime card with centred text and form */
.signup-panel {
  display: grid; justify-items: center; gap: 28px; text-align: center;
  padding: var(--space-l) var(--gutter) 0; scroll-margin-block-start: 90px;
}
.signup__intro { max-inline-size: 760px; }
.signup__title { font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 2.3vw, 33px); line-height: 1.15; }
.signup__lead { font-family: var(--font-display); font-weight: 400; font-size: clamp(20px, 1.7vw, 24px); line-height: 1.3; margin-block-start: 14px; }
.signup-panel .contact__card { inline-size: 100%; max-inline-size: 780px; }
.signup__text { font-family: var(--font-display); font-size: var(--fs-lead); line-height: 1.45; margin-block-end: 24px; }
.signup__text p + p { margin-block-start: .8em; }

/* Centred form inside the sign-up card */
.signup-panel .contact__card form[data-ib-form] { justify-content: center; text-align: center; }
.signup-panel .contact__card .ib-field:not(.ib-field-checkbox) { justify-items: center; }
.signup-panel .contact__card .ib-field input:not([type="checkbox"]), .signup-panel .contact__card .ib-field textarea { text-align: center; }
.signup-panel .contact__card .ib-consent { justify-content: center; }
.signup-panel .contact__card .ib-submit { justify-self: center; }
.signup-panel .contact__card .ib-form-status { grid-column: 1 / -1; }

/* Form inside the lime card (both pages): full-width fields, the three service checkboxes in one row with a title above */
.contact__card form[data-ib-form] { grid-template-columns: repeat(3, max-content) 1fr; column-gap: 40px; }
.signup-panel .contact__card form[data-ib-form] { grid-template-columns: 1fr repeat(3, max-content) 1fr; column-gap: 28px; }
.signup-panel .contact__card .ib-field-checkbox:nth-of-type(n) { justify-content: center; }
.signup-panel .contact__card .ib-field-email + .ib-field-checkbox { grid-column: 2; }
.contact__card .ib-field-email::after { content: "באיזה שירות את מתעניינת"; font-weight: 700; font-size: 14px; margin-block-start: 14px; }
.contact__card .ib-consent { display: flex; align-items: center; gap: 8px; }
.contact__card .ib-consent input { flex: none; inline-size: 20px; block-size: 20px; accent-color: var(--ink); }
.contact__card .ib-consent label { font-weight: 400; }

@media (max-width: 860px) {
  .signup-panel { gap: 20px; }
  .contact__card form[data-ib-form], .signup-panel .contact__card form[data-ib-form] { grid-template-columns: 1fr; }
  .signup-panel .contact__card .ib-field-email + .ib-field-checkbox { grid-column: auto; }
}