/* =========================================================
   RSVP — Zoho Forms embed, themed to match the site
   (loaded after RSVP/css/form.css and css/style.css so these
   selectors reliably win; kept in its own file so the Zoho
   defaults in RSVP/css/form.css stay untouched.)
   ========================================================= */

.zoho-form-wrapper .zf-templateWidth {
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
}

.zoho-form-wrapper .zf-templateWrapper {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

/* The section already has its own eyebrow + display-title heading */
.zoho-form-wrapper .zf-tempHeadBdr {
  display: none;
}

.zoho-form-wrapper .zf-subContWrap {
  padding: 0;
}

.zoho-form-wrapper .zf-tempFrmWrapper {
  padding: 1.1rem 0;
}

.zoho-form-wrapper .zf-tempFrmWrapper .zf-labelName {
  font-family: var(--font-body);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-spruce-soft);
}

.zoho-form-wrapper .zf-tempContDiv input[type="text"],
.zoho-form-wrapper .zf-form-sBox {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--color-spruce);
  border-radius: 0;
  color: var(--color-spruce);
  font-family: var(--font-body);
  font-size: 1.35rem;
  font-weight: 600;
  height: auto;
  padding: 0.7rem 0.1rem;
  box-shadow: none;
  transition: border-color 200ms ease;
}
.zoho-form-wrapper .zf-tempContDiv input[type="text"]::placeholder {
  color: var(--color-spruce-soft);
  opacity: 0.55;
}
.zoho-form-wrapper .zf-tempContDiv input[type="text"]:hover,
.zoho-form-wrapper .zf-tempContDiv input[type="text"]:focus,
.zoho-form-wrapper .zf-form-sBox:focus,
.zoho-form-wrapper .zf-form-sBox:focus:hover {
  border: none;
  border-bottom: 1px solid var(--color-tawny);
  box-shadow: none;
  outline: none;
}
.zoho-form-wrapper .zf-form-sBox {
  padding: 0.7rem 0.1rem;
  width: 100%;
}

.zoho-form-wrapper .zf-name .zf-tempContDiv span label {
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-spruce-soft);
  opacity: 1;
}

.zoho-form-wrapper .zf-instruction {
  font-family: var(--font-body);
  font-style: italic;
  font-size: 1rem;
  color: var(--color-spruce-soft);
}

.zoho-form-wrapper .zf-tempContDiv input[type="checkbox"],
.zoho-form-wrapper .zf-tempContDiv input[type="radio"] {
  border: 1.2px solid var(--color-spruce);
}
.zoho-form-wrapper .zf-tempContDiv input[type="checkbox"]:checked,
.zoho-form-wrapper .zf-tempContDiv input[type="radio"]:checked {
  border-color: var(--color-tawny);
  box-shadow: none;
}
.zoho-form-wrapper .zf-tempContDiv input[type="checkbox"]:checked:before {
  border-bottom-color: var(--color-tawny);
  border-right-color: var(--color-tawny);
}
.zoho-form-wrapper .zf-tempContDiv input[type="radio"]:checked:before {
  background: var(--color-tawny);
}

/* Dietary restriction rows — rebuilt with flexbox instead of the
   original float layout, so the checkbox and label always align
   cleanly and each choice reliably stacks on its own line no matter
   how long the label text runs. */
.zoho-form-wrapper .zf-oneColumns .zf-tempContDiv .zf-overflow {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.zoho-form-wrapper .zf-oneColumns .zf-tempContDiv span.zf-multiAttType {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  float: none;
  clear: none;
  width: 100%;
  margin: 0;
}
.zoho-form-wrapper .zf-oneColumns .zf-tempContDiv input[type="checkbox"] {
  float: none;
  flex: 0 0 auto;
  margin: 0.2rem 0 0 0;
}
.zoho-form-wrapper .zf-checkChoice,
.zoho-form-wrapper .zf-oneColumns .zf-tempContDiv span label {
  font-family: var(--font-body);
  color: var(--color-spruce);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.zoho-form-wrapper .zf-errorMessage {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 600;
}

.zoho-form-wrapper ul,
.zoho-form-wrapper li {
  list-style: none;
}
.zoho-form-wrapper .zf-fmFooter {
  list-style: none;
  display: block;
  padding: 1.5rem 0 0;
  text-align: center;
}
.zoho-form-wrapper .zf-submitColor {
  background: transparent;
  color: var(--color-spruce);
  border: 1px solid var(--color-spruce);
  border-radius: 999px;
  padding: 1.05rem 2.8rem;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  min-width: auto;
}
.zoho-form-wrapper .zf-submitColor:hover {
  background: var(--color-spruce);
  color: var(--color-cream);
  transform: none;
}