/* ==== style block 1 ==== */
/* ============================================================
   SUBSCRIBE / NEWSLETTER PAGE — TRI-CITIES STYLE
   Scoped to the subscription form only.
   ============================================================ */

/* ---------- Page shell ---------- */

.content-area-parent:has(form[name="subscribe"]) {
  font-family: "Inter", Arial, sans-serif !important;
  color: #293633 !important;
}

.content-area-parent:has(form[name="subscribe"]) > .no_margin,
.content-area-parent:has(form[name="subscribe"]) .w96.margin05 {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 8px 16px 48px !important;
  float: none !important;
  width: auto !important;
}

/* ---------- "Login to manage your subscriptions" pill ---------- */

.content-area-parent:has(form[name="subscribe"]) a.shaded.block[href*="login"] {
  float: none !important;
  display: inline-block !important;
  background: #ffffff !important;
  border: 2px solid #178f9f !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 9px 20px !important;
  margin: 0 0 22px !important;
  color: #178f9f !important;
  -webkit-text-fill-color: #178f9f !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.content-area-parent:has(form[name="subscribe"])
  a.shaded.block[href*="login"]:hover {
  background: #178f9f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ---------- Cards ---------- */

form[name="subscribe"] .container.border,
form[name="subscribe"] table.container.border {
  background: #ffffff !important;
  border: 1px solid #d9e5e0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 18px rgba(31, 57, 52, 0.06) !important;
  margin: 0 0 20px !important;
  padding: 22px !important;
  overflow: hidden !important;
}

form[name="subscribe"] table.container.border {
  padding: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}

/* ---------- Personal details block ---------- */

form[name="subscribe"] .container.border.align_center {
  text-align: left !important;
}

form[name="subscribe"] table.subscribe_form {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  display: block !important;
}

form[name="subscribe"] table.subscribe_form tbody,
form[name="subscribe"] table.subscribe_form tr {
  display: block !important;
  width: 100% !important;
}

form[name="subscribe"] table.subscribe_form tr {
  margin: 0 0 16px !important;
}

form[name="subscribe"] table.subscribe_form td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
}

form[name="subscribe"] table.subscribe_form td.hide_for_mobile:empty {
  display: none !important;
}

form[name="subscribe"] table.subscribe_form td:first-child,
form[name="subscribe"] table.subscribe_form td:first-child b {
  color: #315f3c !important;
  -webkit-text-fill-color: #315f3c !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
}

/* ---------- Inputs ---------- */

form[name="subscribe"] input.co_form_input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  background: #f7fbf9 !important;
  border: 1px solid #d9e5e0 !important;
  border-radius: 9px !important;
  color: #293633 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

form[name="subscribe"] input.co_form_input::placeholder {
  color: #93a8a1 !important;
}

form[name="subscribe"] input.co_form_input:focus {
  background: #ffffff !important;
  border-color: #178f9f !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(23, 143, 159, 0.14) !important;
}

/* ---------- Newsletter list card ---------- */

form[name="subscribe"] table.regular.blue.container.border td[colspan="4"] {
  background: #ffffff !important;
  padding: 20px 22px 16px !important;
  color: #57706a !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
}

/* Group header row */
form[name="subscribe"] tr[bgcolor="#EDF1F5"] > td {
  background: linear-gradient(135deg, #178f9f 0%, #315f3c 100%) !important;
  padding: 12px 22px !important;
  border: 0 !important;
}

form[name="subscribe"] tr[bgcolor="#EDF1F5"] label,
form[name="subscribe"] tr[bgcolor="#EDF1F5"] td {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

/* List rows */
form[name="subscribe"] tr[bgcolor="#FEFDFF"] > td {
  background: #ffffff !important;
  padding: 16px 10px !important;
  border-bottom: 1px solid #edf3f0 !important;
  vertical-align: top !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 0.94rem !important;
  line-height: 1.5 !important;
  color: #293633 !important;
}

form[name="subscribe"] tr[bgcolor="#FEFDFF"] > td:nth-child(1) {
  width: 44px !important;
  padding-left: 22px !important;
  padding-right: 0 !important;
}

form[name="subscribe"] tr[bgcolor="#FEFDFF"] label {
  color: #315f3c !important;
  -webkit-text-fill-color: #315f3c !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

form[name="subscribe"] tr[bgcolor="#FEFDFF"] font[color="#666666"] {
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 3px 10px !important;
  background: #eef7f4 !important;
  border-radius: 999px !important;
  color: #578a45 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* "Details" link */
form[name="subscribe"] span[id^="navbar_help"] a {
  color: #178f9f !important;
  -webkit-text-fill-color: #178f9f !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

form[name="subscribe"] span[id^="navbar_help"] a:hover {
  color: #578a45 !important;
  -webkit-text-fill-color: #578a45 !important;
  text-decoration: underline !important;
}

/* Checkboxes */
form[name="subscribe"] input[type="checkbox"] {
  width: 19px !important;
  height: 19px !important;
  accent-color: #578a45 !important;
  cursor: pointer !important;
}

form[name="subscribe"] tr[bgcolor="#EDF1F5"] input[type="checkbox"] {
  accent-color: #ffffff !important;
}

/* Kill spacer rows */
form[name="subscribe"] img[src*="spacer.gif"] {
  display: none !important;
}

form[name="subscribe"]
  table.container.border
  tr:has(> td[bgcolor="#FEFDFF"] img[src*="spacer.gif"])
  td {
  padding: 0 !important;
  height: 0 !important;
  border: 0 !important;
}

/* ---------- Submit button ---------- */

form[name="subscribe"] #submitButton {
  margin: 8px 0 0 !important;
}

form[name="subscribe"] .co_global_button {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

form[name="subscribe"] button.button,
form[name="subscribe"] button[type="submit"] {
  background: #178f9f !important;
  background-image: none !important;
  border: 2px solid #178f9f !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 16px rgba(23, 143, 159, 0.22) !important;
  padding: 14px 46px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

form[name="subscribe"] button.button span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

form[name="subscribe"] button.button:hover,
form[name="subscribe"] button[type="submit"]:hover {
  background: #578a45 !important;
  border-color: #578a45 !important;
  transform: translateY(-2px) !important;
}

/* ---------- Validation ---------- */

form[name="subscribe"] .co_form_input.error,
form[name="subscribe"] input.error {
  border-color: #a71938 !important;
  box-shadow: 0 0 0 3px rgba(167, 25, 56, 0.12) !important;
}

/* ---------- Details popup ---------- */

#navbar_help_menu {
  background: #ffffff !important;
  border: 1px solid #d9e5e0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(31, 57, 52, 0.16) !important;
  font-family: "Inter", Arial, sans-serif !important;
  color: #293633 !important;
}

#navbar_help_menu a.h3Centers {
  color: #178f9f !important;
  -webkit-text-fill-color: #178f9f !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ---------- Mobile ---------- */

@media screen and (max-width: 640px) {
  .content-area-parent:has(form[name="subscribe"]) .w96.margin05 {
    padding: 8px 12px 40px !important;
  }

  form[name="subscribe"] .container.border {
    padding: 16px !important;
    border-radius: 12px !important;
  }

  form[name="subscribe"] table.container.border {
    padding: 0 !important;
  }

  form[name="subscribe"] tr[bgcolor="#FEFDFF"] {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  form[name="subscribe"] tr[bgcolor="#FEFDFF"] > td {
    padding: 14px 8px !important;
  }

  form[name="subscribe"] tr[bgcolor="#FEFDFF"] > td:nth-child(odd) {
    flex: 0 0 42px !important;
    padding-left: 16px !important;
  }

  form[name="subscribe"] tr[bgcolor="#FEFDFF"] > td:nth-child(even) {
    flex: 1 1 calc(100% - 58px) !important;
    padding-right: 16px !important;
  }

  form[name="subscribe"] tr[bgcolor="#EDF1F5"] > td,
  form[name="subscribe"] table.regular.blue.container.border td[colspan="4"] {
    padding: 12px 16px !important;
  }

  form[name="subscribe"] button.button {
    width: 100% !important;
    padding: 14px 20px !important;
  }
}

/* ==== tc-hh-original-counter-fix ==== */
/*
 * Restore ChabadOne's original − / + number controls.
 * Scoped only to reservation form 7431739.
 */

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_50, #id_48)
  .custom-number-wrapper {
  display: flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-width: 142px !important;
  height: 50px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_50, #id_48)
  .custom-number-wrapper
  > .qty-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 100% !important;
  flex: 0 0 40px !important;
  cursor: pointer !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_50, #id_48)
  .custom-number-wrapper
  > input {
  width: 60px !important;
  height: 100% !important;
  flex: 0 0 60px !important;
  text-align: center !important;
}

/* Hide any leftover custom triangle controls. */
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  .hh-final-counter-buttons {
  display: none !important;
}

/* ==== tc-hh-reservations-classy-flow ==== */
html.tc-hh-reservations-final {
  --hh-refine-maroon: #a71938;
  --hh-refine-maroon-dark: #7e1029;
  --hh-refine-gold: #b58a45;
  --hh-refine-gold-soft: #d9c39d;
  --hh-refine-ink: #2e2a25;
  --hh-refine-muted: #69635d;
  --hh-refine-line: #e6dfd7;
  --hh-refine-ivory: #fbf8f3;
  --hh-refine-ivory-strong: #f7efe3;
  --hh-refine-white: #ffffff;
}

/* Overall form rhythm */

html.tc-hh-reservations-final #formContainer form[id="7431739"] .form-all {
  padding-bottom: 30px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#hh-step-1, #hh-step-2, #hh-step-3, #hh-step-4) {
  margin-bottom: 18px !important;
}

/* Holiday/date headings */

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56) {
  margin: 0 !important;
  padding: 20px 0 9px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56)
  .form-html
  > div {
  width: 100% !important;
  margin: 0 !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56)
  table {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--hh-refine-line) !important;
  border-left: 4px solid var(--hh-refine-gold) !important;
  border-radius: 10px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: linear-gradient(
    90deg,
    var(--hh-refine-ivory) 0%,
    #ffffff 72%
  ) !important;
  box-shadow: 0 4px 16px rgba(46, 42, 37, 0.04) !important;
  overflow: hidden !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56)
  table
  td {
  padding: 16px 18px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56)
  h3 {
  margin: 0 0 4px !important;
  color: var(--hh-refine-maroon) !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56)
  p {
  margin: 0 !important;
  color: var(--hh-refine-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

/* All-services cards */

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57) {
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 13px 15px !important;
  border: 1px solid var(--hh-refine-line) !important;
  border-left: 0 !important;
  border-radius: 10px !important;
  background: var(--hh-refine-white) !important;
  box-shadow: 0 3px 12px rgba(46, 42, 37, 0.035) !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57)
  .form-label-left {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--hh-refine-gold) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57)
  .form-input,
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57)
  .form-single-column {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57)
  .form-checkbox-item {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57)
  .form-checkbox-item:has(input:checked) {
  background: var(--hh-refine-ivory-strong) !important;
  box-shadow: inset 0 0 0 1px var(--hh-refine-gold-soft) !important;
}

/* Individual service options */

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39) {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-label-left {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  color: var(--hh-refine-muted) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-input {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-single-column {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item {
  display: flex !important;
  align-items: flex-start !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 1px solid var(--hh-refine-line) !important;
  border-radius: 9px !important;
  background: var(--hh-refine-white) !important;
  box-shadow: 0 2px 8px rgba(46, 42, 37, 0.025) !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, background 0.18s ease,
    box-shadow 0.18s ease !important;
}

@media (hover: hover) {
  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_51, #id_44, #id_39)
    .form-checkbox-item:hover {
    border-color: var(--hh-refine-gold-soft) !important;
    background: #fffdfa !important;
    box-shadow: 0 5px 15px rgba(46, 42, 37, 0.05) !important;
  }
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item:has(input:checked) {
  border-color: var(--hh-refine-gold) !important;
  background: var(--hh-refine-ivory-strong) !important;
  box-shadow: 0 0 0 2px rgba(181, 138, 69, 0.12) !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57, #id_51, #id_44, #id_39)
  .form-checkbox-item
  input[type="checkbox"] {
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  margin: 2px 10px 0 0 !important;
  accent-color: var(--hh-refine-maroon) !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57, #id_51, #id_44, #id_39)
  .form-checkbox-item
  label {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--hh-refine-ink) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57, #id_51, #id_44, #id_39)
  .form-checkbox-item:has(input:checked)
  label {
  font-weight: 700 !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57, #id_51, #id_44, #id_39)
  .clearfix {
  display: none !important;
}

/* Contact information */

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_5
  .form-input {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_5
  .form-sub-label-container {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_42,
html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_9 {
  display: block !important;
  float: left !important;
  clear: none !important;
  width: calc(50% - 10px) !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  box-sizing: border-box !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_42 {
  margin-right: 20px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_7 {
  clear: both !important;
  padding-top: 14px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_5, #id_42, #id_9, #id_7)
  :is(input.form-textbox, select.form-dropdown) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 11px 12px !important;
  border: 1px solid #d8d1ca !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(46, 42, 37, 0.025) !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_5, #id_42, #id_9, #id_7)
  :is(input.form-textbox, select.form-dropdown):focus {
  border-color: var(--hh-refine-maroon) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(167, 25, 56, 0.12) !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_7
  .form-label-left
  > label:first-child::after {
  content: "Optional";
  display: inline-block;
  margin-left: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--hh-refine-ivory-strong);
  color: var(--hh-refine-muted);
  font-size: 9px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}

/* Sponsorship and checkout */

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #hh-step-4
  > table
  + table {
  border: 1px solid var(--hh-refine-line) !important;
  border-left: 4px solid var(--hh-refine-gold) !important;
  border-radius: 10px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--hh-refine-ivory) !important;
  box-shadow: 0 4px 16px rgba(46, 42, 37, 0.04) !important;
  overflow: hidden !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_10 {
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_10
  .form-input,
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_10
  .form-single-column {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_10
  .form-checkbox-item {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid var(--hh-refine-line) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_10
  .form-checkbox-item:has(input:checked) {
  border-color: var(--hh-refine-gold-soft) !important;
  background: var(--hh-refine-ivory) !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_2 {
  padding: 18px 0 4px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #input_2 {
  width: min(100%, 420px) !important;
  min-height: 54px !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 20px rgba(126, 16, 41, 0.16) !important;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #input_2:hover {
  background: var(--hh-refine-maroon-dark) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(126, 16, 41, 0.2) !important;
}

/* Mobile */

@media screen and (max-width: 720px) {
  html.tc-hh-reservations-final #formContainer form[id="7431739"] .form-all {
    padding-right: 15px !important;
    padding-bottom: 28px !important;
    padding-left: 15px !important;
  }

  html.tc-hh-reservations-final .nav-wrapper .nav-container {
    overflow: hidden !important;
    transition: max-height 0.24s ease, opacity 0.18s ease !important;
  }

  html.tc-hh-reservations-final .nav-wrapper:not(.expanded) .nav-container {
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html.tc-hh-reservations-final .nav-wrapper.expanded .nav-container {
    max-height: 360px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html.tc-hh-reservations-final
    .nav-wrapper:not(.expanded)
    #mobile-menu-expand
    img {
    transform: rotate(180deg) !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_52, #id_53, #id_56)
    table
    td {
    padding: 14px 15px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_52, #id_53, #id_56)
    h3 {
    font-size: 21px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_35, #id_54, #id_57) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 13px !important;
    padding: 13px 14px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_51, #id_44, #id_39)
    .form-single-column {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_51, #id_44, #id_39)
    .form-checkbox-item {
    min-height: 50px !important;
    padding: 11px 12px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    #id_5
    .form-input {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_42,
  html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_9 {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    #id_7
    .form-address-table,
  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    #id_7
    .form-address-table
    tbody,
  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    #id_7
    .form-address-table
    tr {
    display: block !important;
    width: 100% !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    #id_7
    .form-address-table
    td {
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  html.tc-hh-reservations-final #formContainer form[id="7431739"] #input_2 {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.tc-hh-reservations-final #formContainer form[id="7431739"] *,
  html.tc-hh-reservations-final .nav-wrapper * {
    transition-duration: 0.01ms !important;
  }
}

/* ==== tc-hh-reservations-spacing-repair ==== */
/*
 * Tri-Cities Chabad — reservation spacing repair
 * Replace the earlier tc-hh-reservations-spacing-repair block with this one.
 * Keep this updated block at the very bottom of the Custom Header.
 * This restores the missing structural rules without touching the counters.
 */

/* Remove the large theme gap below the High Holidays banner. */
html.tc-hh-reservations-final
  #BodyContainer
  .body_wrapper
  #co_content_container
  .master-content-wrapper.master-content-wrapper {
  margin-bottom: 24px !important;
}

html.tc-hh-reservations-final #formContainer,
html.tc-hh-reservations-final #formContainer form[id="7431739"] {
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] .form-all {
  width: 100% !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  padding: 0 22px 30px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(.form-section, .form-line) {
  box-sizing: border-box !important;
}

/* Welcome section */
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_3, #cid_3, #text_3) {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #hh-form-intro {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto 24px !important;
  padding: 28px 0 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Numbered section headings */
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_45, #id_43, #id_46, #id_34) {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#hh-step-1, #hh-step-2, #hh-step-3, #hh-step-4) {
  width: 100% !important;
  max-width: none !important;
  margin: 30px 0 14px !important;
  box-sizing: border-box !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #hh-step-1 {
  margin-top: 8px !important;
}

/* Adults and children: restore one balanced row on desktop. */
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_50, #id_48) {
  display: block !important;
  float: left !important;
  clear: none !important;
  width: calc(50% - 10px) !important;
  margin: 0 !important;
  padding: 8px 0 20px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_50 {
  margin-right: 20px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_43 {
  clear: both !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_50, #id_48)
  :is(.form-label-left, .form-input) {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_50, #id_48)
  .form-label-left {
  padding: 0 0 8px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_50, #id_48)
  .form-input {
  padding: 0 !important;
}

/* Services: preserve the new cards, tighten only their rhythm. */
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56) {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 0 6px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57) {
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39) {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

/* A quieter holiday heading: one gold rule, no floating card. */
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56)
  table {
  border: 0 !important;
  border-left: 4px solid var(--hh-refine-gold, #b58a45) !important;
  border-bottom: 1px solid var(--hh-refine-line, #e6dfd7) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_52, #id_53, #id_56)
  table
  td {
  padding: 10px 14px !important;
}

/* Keep Attend All as a compact, softly highlighted band. */
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57) {
  border: 0 !important;
  border-left: 3px solid var(--hh-refine-gold, #b58a45) !important;
  border-radius: 8px !important;
  background: var(--hh-refine-ivory, #fbf8f3) !important;
  box-shadow: none !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_35, #id_54, #id_57)
  .form-checkbox-item {
  min-height: 38px !important;
  padding: 6px 8px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-label-left {
  padding-bottom: 8px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-single-column {
  gap: 0 !important;
  border: 1px solid var(--hh-refine-line, #e6dfd7) !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item {
  min-height: 50px !important;
  padding: 11px 13px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hh-refine-line, #e6dfd7) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item:nth-child(odd) {
  border-right: 1px solid var(--hh-refine-line, #e6dfd7) !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item:nth-last-child(2):nth-child(odd),
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item:last-child:nth-child(even) {
  border-bottom: 0 !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item:last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item:hover,
html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_51, #id_44, #id_39)
  .form-checkbox-item:has(input:checked) {
  box-shadow: none !important;
}

/* Contact and checkout: remove inherited 20px padding. */
html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_5 {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 0 12px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  :is(#id_5, #id_42, #id_9, #id_7)
  .form-label-left {
  padding-bottom: 7px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_42,
html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_9 {
  width: calc(50% - 8px) !important;
  padding: 8px 0 12px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_42 {
  margin-right: 16px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_7 {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 14px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_7
  .form-address-table {
  gap: 10px !important;
}

html.tc-hh-reservations-final
  #formContainer
  form[id="7431739"]
  #id_7
  .form-address-table
  tr {
  gap: 12px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_37 {
  margin: 0 !important;
  padding: 10px 0 12px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_36 {
  margin: 0 !important;
  padding: 14px 0 10px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_32 {
  margin: 0 !important;
  padding: 12px 0 !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_10 {
  margin-top: 12px !important;
}

html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_2 {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 0 0 !important;
}

@media screen and (max-width: 720px) {
  html.tc-hh-reservations-final
    #BodyContainer
    .body_wrapper
    #co_content_container
    .master-content-wrapper.master-content-wrapper {
    margin-bottom: 18px !important;
  }

  html.tc-hh-reservations-final #formContainer form[id="7431739"] .form-all {
    padding-right: 15px !important;
    padding-bottom: 28px !important;
    padding-left: 15px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    #hh-form-intro {
    margin-bottom: 18px !important;
    padding: 22px 0 20px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#hh-step-1, #hh-step-2, #hh-step-3, #hh-step-4) {
    margin-top: 24px !important;
  }

  html.tc-hh-reservations-final #formContainer form[id="7431739"] #hh-step-1 {
    margin-top: 6px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_35, #id_54, #id_57) {
    grid-template-columns: minmax(0, 1fr) !important;
    margin-bottom: 10px !important;
    padding: 11px 12px !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_51, #id_44, #id_39)
    .form-single-column {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_51, #id_44, #id_39)
    .form-checkbox-item {
    border-right: 0 !important;
    border-bottom: 1px solid var(--hh-refine-line, #e6dfd7) !important;
  }

  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_51, #id_44, #id_39)
    .form-checkbox-item:last-child {
    border-bottom: 0 !important;
  }

  html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_42,
  html.tc-hh-reservations-final #formContainer form[id="7431739"] #id_9 {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 400px) {
  html.tc-hh-reservations-final
    #formContainer
    form[id="7431739"]
    :is(#id_50, #id_48) {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin-right: 0 !important;
    padding-bottom: 14px !important;
  }
}

/* ==== tc-hh-reservations-polish ==== */
html.tc-hh-reservations-final {
  scroll-behavior: smooth;
}

/* ==== tc-tashlich-page-polish ==== */
html.tc-hh-tashlich-final {
  --tc-maroon: #a71938;
  --tc-maroon-dark: #7e1029;
  --tc-gold: #b58a45;
  --tc-gold-soft: #d9c39d;
  --tc-ink: #302b28;
  --tc-muted: #6b625c;
  --tc-line: #e6dfd7;
  --tc-ivory: #fbf8f2;
  --tc-ivory-strong: #f7efe3;
  --tc-white: #ffffff;
}

/* ------------------------------------------------------------
   Page flow and High Holidays sub-navigation
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final #content_page_full > .master-content-wrapper {
  margin-bottom: 32px !important;
}

html.tc-hh-tashlich-final #co_body_container {
  padding-top: 28px !important;
  padding-bottom: 44px !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] {
  color: var(--tc-ink) !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] .form-all {
  width: 100% !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  padding: 0 20px 28px !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final .content_page_full .item.parent.selected > a,
html.tc-hh-tashlich-final .content_page_full a.parent.selected {
  position: relative !important;
  color: var(--tc-maroon) !important;
  font-weight: 700 !important;
}

html.tc-hh-tashlich-final .content_page_full .item.parent.selected > a::after,
html.tc-hh-tashlich-final .content_page_full a.parent.selected::after {
  content: "";
  position: absolute;
  right: 2px;
  bottom: -9px;
  left: 2px;
  height: 2px;
  border-radius: 999px;
  background: var(--tc-gold);
}

/* ------------------------------------------------------------
   Event introduction
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_3 {
  margin: 0 !important;
  padding: 8px 0 18px !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_3
  .form-input-wide,
html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_3 .form-html {
  width: 100% !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #text_3 > div {
  margin: 0 !important;
  font-family: "Inter", Arial, sans-serif !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #text_3
  > div
  > div:first-child {
  margin: 0 0 10px !important;
  color: var(--tc-maroon) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(29px, 3.1vw, 36px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #text_3
  > div
  > p:first-of-type {
  max-width: 760px !important;
  margin: 0 0 14px !important;
  color: var(--tc-ink) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.48 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #text_3
  > div
  > div:nth-of-type(2) {
  margin: 0 0 14px !important;
  padding: 14px 17px !important;
  border: 1px solid var(--tc-line) !important;
  border-left: 4px solid var(--tc-gold) !important;
  border-radius: 10px !important;
  background: linear-gradient(
    90deg,
    var(--tc-ivory) 0%,
    #fffdfa 100%
  ) !important;
  box-shadow: 0 4px 16px rgba(46, 42, 37, 0.04) !important;
  color: var(--tc-ink) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #text_3
  > div
  > div:nth-of-type(2)
  > div {
  margin-top: 3px !important;
  color: var(--tc-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #text_3
  > div
  > p:not(:first-of-type) {
  max-width: 780px !important;
  margin: 0 0 8px !important;
  color: var(--tc-muted) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #text_3
  > div
  > p:last-child {
  margin-bottom: 0 !important;
}

/* ------------------------------------------------------------
   Numbered section headings
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_45, #id_46, #id_34) {
  clear: both !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 28px 0 12px !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_45, #id_46, #id_34)
  .form-input-wide,
html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_45, #id_46, #id_34)
  .form-html,
html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_45, #id_46, #id_34)
  .form-html
  > div {
  width: 100% !important;
  margin: 0 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_45, #id_46, #id_34)
  table:first-child
  td:first-child {
  width: 52px !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_45, #id_46, #id_34)
  table:first-child
  td:first-child
  > div {
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--tc-maroon) !important;
  box-shadow: 0 5px 14px rgba(126, 16, 41, 0.16) !important;
  color: #ffffff !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 40px !important;
  text-align: center !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_45, #id_46, #id_34)
  table:first-child
  td:last-child
  > div {
  color: var(--tc-maroon) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.015em !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_34
  table:first-child
  td:last-child
  span {
  display: inline-block !important;
  margin-left: 6px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: var(--tc-ivory-strong) !important;
  color: var(--tc-muted) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_34
  .form-html
  > div
  > div:last-child {
  margin-top: 13px !important;
  padding: 14px 16px !important;
  border: 1px solid var(--tc-line) !important;
  border-left: 4px solid var(--tc-gold) !important;
  border-radius: 10px !important;
  background: var(--tc-ivory) !important;
}

/* ------------------------------------------------------------
   Attendance fields and reliable − / + controls
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48) {
  display: flex !important;
  float: left !important;
  clear: none !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: calc(50% - 8px) !important;
  min-height: 120px !important;
  margin: 0 !important;
  padding: 13px 15px 16px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 10px !important;
  background: var(--tc-white) !important;
  box-shadow: 0 3px 12px rgba(46, 42, 37, 0.035) !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_50 {
  margin-right: 16px !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .form-label-left,
html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .form-input {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .form-label-left {
  min-height: 40px !important;
  color: var(--tc-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .custom-number-wrapper {
  display: grid !important;
  grid-template-columns: 42px 62px 42px !important;
  align-items: stretch !important;
  width: 146px !important;
  min-width: 146px !important;
  height: 48px !important;
  margin-top: 7px !important;
  overflow: hidden !important;
  border: 1px solid #d8d1ca !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 7px rgba(46, 42, 37, 0.045) !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .custom-number-wrapper
  > .qty-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--tc-ivory) !important;
  color: var(--tc-maroon) !important;
  font-family: Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.16s ease, color 0.16s ease !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .custom-number-wrapper
  > .qty-btn:first-child {
  border-right: 1px solid var(--tc-line) !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .custom-number-wrapper
  > .qty-btn:last-child {
  border-left: 1px solid var(--tc-line) !important;
}

@media (hover: hover) {
  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    :is(#id_50, #id_48)
    .custom-number-wrapper
    > .qty-btn:hover {
    background: var(--tc-maroon) !important;
    color: #ffffff !important;
  }
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .custom-number-wrapper
  > .qty-btn:focus-visible {
  position: relative !important;
  z-index: 2 !important;
  outline: 3px solid rgba(167, 25, 56, 0.18) !important;
  outline-offset: -3px !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .custom-number-wrapper
  > div {
  display: block !important;
  width: 62px !important;
  height: 48px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  outline: 0 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .form-spinner {
  display: table !important;
  width: 62px !important;
  height: 48px !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  .form-spinner-input-td {
  display: table-cell !important;
  width: 62px !important;
  height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: middle !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  :is(.form-spinner-up, .form-spinner-down) {
  display: none !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  input.form-spinner-input {
  display: block !important;
  width: 62px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: var(--tc-ink) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 48px !important;
  text-align: center !important;
  -moz-appearance: textfield !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  input.form-spinner-input::-webkit-outer-spin-button,
html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_50, #id_48)
  input.form-spinner-input::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

/* ------------------------------------------------------------
   Contact information and optional address
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_5, #id_42, #id_9, #id_7) {
  margin: 0 !important;
  padding: 10px 0 !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_5 .form-input {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_5
  .form-sub-label-container {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_42,
html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_9 {
  display: block !important;
  float: left !important;
  clear: none !important;
  width: calc(50% - 8px) !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_42 {
  margin-right: 16px !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_7 {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  padding-top: 12px !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_5, #id_42, #id_9, #id_7)
  :is(input.form-textbox, select.form-dropdown) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 11px 12px !important;
  border: 1px solid #d8d1ca !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(46, 42, 37, 0.025) !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_5, #id_42, #id_9, #id_7)
  :is(input.form-textbox, select.form-dropdown):focus {
  border-color: var(--tc-maroon) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(167, 25, 56, 0.12) !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  .form-label-left
  > label:first-child {
  color: var(--tc-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] .form-required {
  color: var(--tc-maroon) !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_7
  > .form-label-left {
  display: none !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  .tc-tashlich-address-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 9px !important;
  background: var(--tc-ivory) !important;
  color: var(--tc-ink) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  .tc-tashlich-address-toggle::after {
  content: "+";
  flex: 0 0 auto;
  margin-left: 12px;
  color: var(--tc-maroon);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_7:not(.tc-address-collapsed)
  .tc-tashlich-address-toggle::after {
  content: "−";
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_7.tc-address-collapsed
  > .form-input {
  display: none !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_7:not(.tc-address-collapsed)
  > .form-input {
  display: block !important;
  margin-top: 12px !important;
}

/* ------------------------------------------------------------
   Sponsorship and checkout
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_37 {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 0 4px !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_37
  .form-label-left {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 9px !important;
  color: var(--tc-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_37 .form-input {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_37
  .form-multiple-column {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_37
  .form-checkbox-item {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(46, 42, 37, 0.025) !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, background 0.18s ease,
    box-shadow 0.18s ease !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_37
  .form-checkbox-item:has(input:checked) {
  border-color: var(--tc-gold) !important;
  background: var(--tc-ivory-strong) !important;
  box-shadow: 0 0 0 2px rgba(181, 138, 69, 0.12) !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_37
  .form-checkbox-item
  input[type="checkbox"] {
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  margin: 0 10px 0 0 !important;
  accent-color: var(--tc-maroon) !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_37
  .form-checkbox-item
  label {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--tc-ink) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_37
  .form-checkbox-item:has(input:checked)
  label {
  font-weight: 700 !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_37 .clearfix {
  display: none !important;
}

/* Payment and total stay out of the way until support is selected. */
html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  :is(#id_36, #id_32) {
  flex-direction: column !important;
  align-items: stretch !important;
  margin: 12px 0 0 !important;
  padding: 15px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 10px !important;
  background: var(--tc-white) !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]:not(.tc-has-sponsorship)
  :is(#id_36, #id_32) {
  display: none !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"].tc-has-sponsorship
  :is(#id_36, #id_32) {
  display: flex !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_36
  .form-payment-methods {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_36
  .form-radio-item {
  display: flex !important;
  align-items: center !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_36
  .form-radio-item:has(input:checked) {
  border-color: var(--tc-gold) !important;
  background: var(--tc-ivory-strong) !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #total_amount {
  color: var(--tc-gold) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* ------------------------------------------------------------
   Newsletter choice and final call to action
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_10 {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_10 .form-input,
html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_10
  .form-single-column {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_10
  .form-checkbox-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 9px !important;
  background: var(--tc-ivory) !important;
  box-sizing: border-box !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_2 {
  clear: both !important;
  margin: 0 !important;
  padding: 28px 0 4px !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #id_2
  .form-buttons-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  text-indent: 0 !important;
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  .tc-tashlich-submit-note {
  max-width: 520px !important;
  margin: 0 auto 13px !important;
  color: var(--tc-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

html.tc-hh-tashlich-final #formContainer form[id="7452107"] #input_2 {
  width: min(100%, 420px) !important;
  min-height: 56px !important;
  margin: 0 auto !important;
  padding: 14px 24px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: var(--tc-maroon) !important;
  box-shadow: 0 9px 22px rgba(126, 16, 41, 0.18) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

@media (hover: hover) {
  html.tc-hh-tashlich-final #formContainer form[id="7452107"] #input_2:hover {
    background: var(--tc-maroon-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 11px 26px rgba(126, 16, 41, 0.22) !important;
  }
}

html.tc-hh-tashlich-final
  #formContainer
  form[id="7452107"]
  #input_2:focus-visible {
  outline: 3px solid rgba(167, 25, 56, 0.2) !important;
  outline-offset: 3px !important;
}

/* ------------------------------------------------------------
   Privacy control — inline styles are reset by the script below
   ------------------------------------------------------------ */

html.tc-hh-tashlich-final #echo-cmp-pill {
  font-family: "Inter", Arial, sans-serif !important;
}

/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

@media screen and (max-width: 720px) {
  html.tc-hh-tashlich-final #content_page_full > .master-content-wrapper {
    margin-bottom: 22px !important;
  }

  html.tc-hh-tashlich-final #co_body_container {
    padding-top: 18px !important;
    padding-bottom: 32px !important;
  }

  html.tc-hh-tashlich-final #formContainer form[id="7452107"] .form-all {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #text_3
    > div
    > div:first-child {
    font-size: 28px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #text_3
    > div
    > p:first-of-type {
    font-size: 16px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #text_3
    > div
    > div:nth-of-type(2) {
    padding: 13px 14px !important;
    font-size: 14px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    :is(#id_45, #id_46, #id_34) {
    padding-top: 24px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    :is(#id_45, #id_46, #id_34)
    table:first-child
    td:first-child {
    width: 46px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    :is(#id_45, #id_46, #id_34)
    table:first-child
    td:first-child
    > div {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    :is(#id_45, #id_46, #id_34)
    table:first-child
    td:last-child
    > div {
    font-size: 24px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    :is(#id_50, #id_48) {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    :is(#id_50, #id_48)
    .form-label-left {
    min-height: 0 !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #id_5
    .form-input {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_42,
  html.tc-hh-tashlich-final #formContainer form[id="7452107"] #id_9 {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #id_7
    .form-address-table,
  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #id_7
    .form-address-table
    tbody,
  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #id_7
    .form-address-table
    tr {
    display: block !important;
    width: 100% !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #id_7
    .form-address-table
    td {
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #id_37
    .form-multiple-column,
  html.tc-hh-tashlich-final
    #formContainer
    form[id="7452107"]
    #id_36
    .form-payment-methods {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.tc-hh-tashlich-final #formContainer form[id="7452107"] #input_2 {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.tc-hh-tashlich-final #formContainer form[id="7452107"] *,
  html.tc-hh-tashlich-final #echo-cmp-pill {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==== tc-tashlich-submit-size-hotfix ==== */
html.tc-hh-tashlich-final #formContainer form[id="7452107"] #input_2 {
  display: inline-flex !important;
  flex: 0 0 56px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 350px !important;
  max-width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 14px 24px !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* ==== chai-subtle-polish ==== */
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(
    #tc-chai-head,
    #id_3,
    #id_28,
    #id_24,
    #id_26,
    #id_13,
    #id_7,
    #id_2,
    #id_25
  ) {
  display: block !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(#id_3, #id_4, #id_6, #id_28, #id_24, #id_26, #id_13, #id_7)
  > :is(.form-label-left, .form-input, .form-input-wide) {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #cid_3 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #cid_3
  .form-sub-label-container {
  width: 100% !important;
  margin: 0 !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #cid_6
  :is(.form-sub-label-container, input) {
  width: 100% !important;
  max-width: 100% !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #tc-chai-head {
  padding: 32px 0 18px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #tc-chai-head
  h2 {
  margin-bottom: 12px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_28 {
  margin-top: 28px !important;
  padding-bottom: 18px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_28
  .form-html
  > div {
  margin-bottom: 10px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(#id_8, #id_18, #id_19)
  .form-label-left {
  min-height: 66px !important;
  box-sizing: border-box !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(#id_8, #id_18, #id_19)
  .form-label-left
  > label:first-child::after {
  font-size: 12px !important;
  line-height: 1.55 !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(#id_8, #id_18, #id_19)
  .form-radio-item {
  min-height: 50px !important;
  transition: border-color 0.16s ease, background-color 0.16s ease !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(#id_8, #id_18, #id_19)
  .form-radio-item:has(.form-radio-other) {
  min-height: 50px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(#id_8, #id_18, #id_19)
  .form-radio-other-input {
  height: 46px !important;
  min-height: 46px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  :is(#id_8, #id_18, #id_19)
  .form-radio-item:focus-within {
  outline: 2px solid #0a7187 !important;
  outline-offset: 3px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_7
  .form-address-table
  tr.credit_card
  > td
  > table {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_7
  .form-address-table
  tr.credit_card
  > th {
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_2 {
  padding-top: 24px !important;
  padding-bottom: 30px !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_25
  .chai-after-form {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_25
  .chai-partners
  summary {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  cursor: pointer !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_25
  .chai-partners
  summary::after {
  content: "+" !important;
  flex: 0 0 28px !important;
  text-align: center !important;
  font: 400 25px/1 Arial, sans-serif !important;
  color: #957031 !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_25
  .chai-partners[open]
  summary::after {
  content: "−" !important;
}
html.tc-chai:has(form[id="5995797"])
  body.cco_body
  #formContainer
  form[id="5995797"]
  #id_25
  summary:focus-visible {
  outline: 2px solid #0a7187 !important;
  outline-offset: 4px !important;
}
@media (hover: hover) {
  html.tc-chai:has(form[id="5995797"])
    body.cco_body
    #formContainer
    form[id="5995797"]
    :is(#id_8, #id_18, #id_19)
    .form-radio-item:not(:has(input:checked)):hover {
    border-color: #83a8b0 !important;
    background: #f7fbfc !important;
  }
}
@media (max-width: 520px) {
  html.tc-chai:has(form[id="5995797"])
    body.cco_body
    #formContainer
    form[id="5995797"]
    #id_12
    .chai-intro {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
  }
  html.tc-chai:has(form[id="5995797"])
    body.cco_body
    #formContainer
    form[id="5995797"]
    :is(#id_8, #id_18, #id_19)
    .form-label-left {
    min-height: 0 !important;
    margin-bottom: 16px !important;
  }
  html.tc-chai:has(form[id="5995797"])
    body.cco_body
    #formContainer
    form[id="5995797"]
    :is(#id_3, #id_4, #id_6, #id_7, #id_13)
    :is(input, select, textarea) {
    font-size: 16px !important;
  }
  html.tc-chai:has(form[id="5995797"])
    body.cco_body
    #formContainer
    form[id="5995797"]
    #id_7 {
    padding: 20px 16px !important;
  }
  html.tc-chai:has(form[id="5995797"])
    body.cco_body
    #formContainer
    form[id="5995797"]
    #id_25
    .chai-partners
    summary {
    padding: 18px 16px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.tc-chai:has(form[id="5995797"])
    body.cco_body
    #formContainer
    form[id="5995797"]
    .form-radio-item {
    transition: none !important;
  }
}

/* ==== tc-donate-us-note-style ==== */
#tc-us-donate-note {
  margin-top: 10px;
}
#tc-us-donate-note a {
  color: #178f9f !important;
  font-weight: 700;
  text-decoration: underline;
}
#tc-us-donate-note a:hover {
  color: #578a45 !important;
}
/* ============================================================
   TRI-CITIES CHABAD — SITE SHELL ADDITIONS (append to site-shell.css, bump to ?v=44)
   1. Header subscribe dropdown no longer clipped/hidden behind the nav
   2. Donate page (aid 4970020) — colours only
   3. Ask the Rabbi page — colours only
   ============================================================ */

/* ============================================================
   1. HEADER SUBSCRIBE DROPDOWN FIX
   The existing full-width white bar uses box-shadow + clip-path:inset(0 -100vmax).
   clip-path clips every descendant, so #HeaderSubscribeContainer (which hangs
   below the bar) gets cut off and the nav paints over the rest.
   This swaps the trick for a ::before background and lifts the bar above the nav.
   ============================================================ */
@media screen and (min-width: 768px) {
  #header_container > div.clearfix.links {
    position: relative !important;
    z-index: 60 !important;
    box-shadow: none !important;
    clip-path: none !important;
    overflow: visible !important;
  }

  /* Full-width white background, replaces the box-shadow/clip-path trick */
  #header_container > div.clearfix.links::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #ffffff;
    z-index: -1;
    pointer-events: none;
  }

  /* Homepage top (transparent header): keep the bar transparent too */
  html
    body.cco_body:has(.hp-table)
    #header:not(.on-scroll)
    #header_container
    > div.clearfix.links::before {
    background: transparent;
  }

  /* Make sure the dropdown itself sits on top of everything in the header */
  #HeaderSubscribe {
    position: relative !important;
    z-index: 70 !important;
  }

  #HeaderSubscribe .topBarLayer,
  #HeaderSubscribeContainer {
    z-index: 80 !important;
  }

  /* Nav must stay below the top bar layer */
  .site-nav-wrapper,
  #co_menu_container_wrapper,
  #co_menu_container {
    z-index: 10 !important;
  }
}

/* ============================================================
   2. DONATE PAGE — COLOURS ONLY
   Scoped to the ChabadOne donate template. No layout/position/font changes.
   ============================================================ */

/* Intro text */
#js-donate-form .intro-wrapper h1 {
  color: #315f3c !important;
}

#js-donate-form .intro-wrapper .description {
  color: #293633 !important;
}

#js-donate-form .intro-wrapper a,
#js-donate-form .footnotes a {
  color: #178f9f !important;
}

#js-donate-form .intro-wrapper a:hover,
#js-donate-form .footnotes a:hover {
  color: #578a45 !important;
}

/* Labels */
#js-donate-form label {
  color: #293633 !important;
}

#js-donate-form .req {
  color: #a71938 !important;
}

/* Amount buttons */
#js-donate-form .js-amounts-button {
  background: #ffffff !important;
  border-color: #d9e5e0 !important;
  color: #178f9f !important;
}

#js-donate-form .js-amounts-button:hover {
  background: #eef7f4 !important;
  border-color: #178f9f !important;
  color: #178f9f !important;
}

#js-donate-form .js-amounts-button.selected,
#js-donate-form .js-amounts-button.active,
#js-donate-form .js-amounts-button[aria-pressed="true"] {
  background: #178f9f !important;
  border-color: #178f9f !important;
  color: #ffffff !important;
}

/* Custom amount */
#js-donate-form .custom-amount-wrapper {
  border-color: #d9e5e0 !important;
  background: #ffffff !important;
}

#js-donate-form .currency-insert {
  color: #178f9f !important;
}

/* Inputs / selects / textarea */
#js-donate-form input[type="text"],
#js-donate-form input[type="email"],
#js-donate-form input[type="number"],
#js-donate-form select,
#js-donate-form textarea {
  background: #ffffff !important;
  border-color: #d9e5e0 !important;
  color: #293633 !important;
}

#js-donate-form input[type="text"]:focus,
#js-donate-form input[type="email"]:focus,
#js-donate-form input[type="number"]:focus,
#js-donate-form select:focus,
#js-donate-form textarea:focus {
  border-color: #178f9f !important;
  outline-color: #178f9f !important;
  box-shadow: 0 0 0 3px rgba(23, 143, 159, 0.14) !important;
}

#js-donate-form input::placeholder,
#js-donate-form textarea::placeholder {
  color: #93a8a1 !important;
}

#js-donate-form .field-wrapper .error {
  color: #a71938 !important;
}

/* Checkboxes / radios */
#js-donate-form input[type="checkbox"],
#js-donate-form input[type="radio"] {
  accent-color: #578a45 !important;
}

/* Next + Donate buttons */
#js-donate-form .next-button,
#js-donate-form .donate-button {
  background: #178f9f !important;
  border-color: #178f9f !important;
  color: #ffffff !important;
}

#js-donate-form .next-button:hover,
#js-donate-form .donate-button:hover {
  background: #578a45 !important;
  border-color: #578a45 !important;
  color: #ffffff !important;
}

#js-donate-form .donate-button:disabled {
  background: #93a8a1 !important;
  border-color: #93a8a1 !important;
  color: #ffffff !important;
}

/* Error banner */
#js-donate-form .error-wrapper {
  background: #fbecee !important;
  border-color: #a71938 !important;
  color: #7e1029 !important;
}

#js-donate-form .error-wrapper .fa {
  color: #a71938 !important;
}

/* Footnotes */
#js-donate-form .footnotes,
#js-donate-form .footnotes .disclaimer,
#js-donate-form .footnotes .note {
  color: #57706a !important;
}

#js-donate-form .footnotes .phone-number {
  color: #178f9f !important;
}

#js-donate-form .footnotes .fa-lock {
  color: #578a45 !important;
}

/* Processing loader dots */
#js-donate-form .cs-loader-inner label {
  color: #178f9f !important;
}

/* ============================================================
   3. ASK THE RABBI PAGE — COLOURS ONLY
   Scoped to the Ask the Rabbi template (#AskTheRabbi_Div present).
   ============================================================ */

/* Grey boxes -> white cards with site border */
body:has(#AskTheRabbi_Div) .ask_the_rabbi .rounded_box.grey,
body:has(#AskTheRabbi_Div) .ask_the_rabbi .rounded_box.grey .b_inside,
body:has(#AskTheRabbi_Div) .ask_the_rabbi .b_bg,
body:has(#AskTheRabbi_Div) .ask_the_rabbi .b_border {
  background: #ffffff !important;
  border-color: #d9e5e0 !important;
}

/* Title bars ("ASK THE RABBI", "BROWSE BY TOPIC") */
body:has(#AskTheRabbi_Div) .ask_the_rabbi .b_header.title_bar,
body:has(#AskTheRabbi_Div) .ask_the_rabbi .b_header.title_bar .small_header,
body:has(#AskTheRabbi_Div)
  .ask_the_rabbi
  .b_header.title_bar
  .small_header
  div {
  background: linear-gradient(135deg, #178f9f 0%, #315f3c 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

/* Body copy + inline blue link */
body:has(#AskTheRabbi_Div) .ATR_text {
  color: #293633 !important;
}

body:has(#AskTheRabbi_Div) .ATR_text a,
body:has(#AskTheRabbi_Div) .ATR_text a.underline {
  color: #178f9f !important;
}

body:has(#AskTheRabbi_Div) .ATR_text a:hover {
  color: #578a45 !important;
}

/* Field labels */
body:has(#AskTheRabbi_Div) .co_global_label {
  color: #315f3c !important;
}

/* Inputs */
body:has(#AskTheRabbi_Div) .co_form_input,
body:has(#AskTheRabbi_Div) .co_global_input {
  background: #f7fbf9 !important;
  border-color: #d9e5e0 !important;
  color: #293633 !important;
}

body:has(#AskTheRabbi_Div) .co_form_input:focus,
body:has(#AskTheRabbi_Div) .co_global_input:focus {
  background: #ffffff !important;
  border-color: #178f9f !important;
  outline-color: #178f9f !important;
  box-shadow: 0 0 0 3px rgba(23, 143, 159, 0.14) !important;
}

body:has(#AskTheRabbi_Div) .co_form_input::placeholder,
body:has(#AskTheRabbi_Div) .co_global_input::placeholder {
  color: #93a8a1 !important;
}

body:has(#AskTheRabbi_Div) .co_form_input.error,
body:has(#AskTheRabbi_Div) .co_global_input.error {
  border-color: #a71938 !important;
}

/* Buttons (ASK! + knowledge base Search) */
body:has(#AskTheRabbi_Div) .co_global_button .button,
body:has(#AskTheRabbi_Div) .co_global_submit .button,
body:has(#AskTheRabbi_Div) button.button {
  background: #178f9f !important;
  background-image: none !important;
  border-color: #178f9f !important;
  color: #ffffff !important;
}

body:has(#AskTheRabbi_Div) .co_global_button .button span,
body:has(#AskTheRabbi_Div) .co_global_submit .button span,
body:has(#AskTheRabbi_Div) button.button span {
  color: #ffffff !important;
}

body:has(#AskTheRabbi_Div) .co_global_button .button:hover,
body:has(#AskTheRabbi_Div) .co_global_submit .button:hover,
body:has(#AskTheRabbi_Div) button.button:hover {
  background: #578a45 !important;
  border-color: #578a45 !important;
}

/* Opt-in */
body:has(#AskTheRabbi_Div) .co_optin,
body:has(#AskTheRabbi_Div) .co_optin label {
  color: #57706a !important;
}

body:has(#AskTheRabbi_Div) input[type="checkbox"] {
  accent-color: #578a45 !important;
}

/* Browse by topic */
body:has(#AskTheRabbi_Div) .ATR_category {
  color: #315f3c !important;
}

body:has(#AskTheRabbi_Div) .ATR_category:hover {
  color: #178f9f !important;
}

body:has(#AskTheRabbi_Div) .keywords-border {
  background: #d9e5e0 !important;
  border-color: #d9e5e0 !important;
}

body:has(#AskTheRabbi_Div) .sub_category a {
  color: #178f9f !important;
}

body:has(#AskTheRabbi_Div) .sub_category a:hover {
  color: #578a45 !important;
}

/* Right sidebar */
body:has(#AskTheRabbi_Div) #co_ads_container .container,
body:has(#AskTheRabbi_Div) #co_ads_container .ads.container {
  background: #ffffff !important;
  border-color: #d9e5e0 !important;
}

body:has(#AskTheRabbi_Div) #co_ads_container .small_header,
body:has(#AskTheRabbi_Div) #co_ads_container .small_header span,
body:has(#AskTheRabbi_Div)
  #co_ads_container
  .sneak-peek-container
  .header-title {
  color: #315f3c !important;
  border-color: #d9e5e0 !important;
  background: transparent !important;
}

body:has(#AskTheRabbi_Div) #co_ads_container .small_links a,
body:has(#AskTheRabbi_Div) #co_ads_container .widget-1 h6 a {
  color: #178f9f !important;
}

body:has(#AskTheRabbi_Div) #co_ads_container .small_links a:hover,
body:has(#AskTheRabbi_Div) #co_ads_container .widget-1 h6 a:hover {
  color: #578a45 !important;
}

body:has(#AskTheRabbi_Div) #co_ads_container .small_links li.more a {
  color: #578a45 !important;
}

body:has(#AskTheRabbi_Div) #co_ads_container .small_links li {
  border-color: #edf3f0 !important;
}

/* ============================================================
   SUBSCRIBE DROPDOWN — beats site-theme.css even when it loads last
   ============================================================ */
@media screen and (min-width: 768px) {
  html body #header #header_container > div.clearfix.links {
    clip-path: none !important;
    clip: auto !important;
    overflow: visible !important;
    box-shadow: none !important;
  }
}

/* ============================================================
     DONATE PAGE — theme via ChabadOne's own form variables
     (toggle, amount buttons, payment tabs, buttons all read these)
     ============================================================ */
html:has(#js-donate-form),
html:has(#js-donate-form) body,
.js-donate-section,
#js-donate-form {
  --primary-form-color: #178f9f !important;
  --contrast-form-color: #178f9f !important;
  --accent-form-color: #578a45 !important;
  --accent-form-light: #eef7f4 !important;
  --accent-form-medium: #d9e5e0 !important;
  --border-form-color: #d9e5e0 !important;
  --text-form-dark: #293633 !important;
  --text-form-muted: #57706a !important;
}