/* Shadow only when Kadence header is sticky */
.kadence-sticky-header.item-is-fixed.item-is-stuck {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease;
} /* ← Missing bracket added here */





/* Target the specific Pricing and FAQs anchor links by their IDs */
#menu-item-1421 > a,
#menu-item-1422 > a {
    color: #your-normal-color !important;
}

/* Remove active styles from these specific custom menu items */
#menu-item-1421.current-menu-item > a,
#menu-item-1421.current_page_item > a,
#menu-item-1422.current-menu-item > a,
#menu-item-1422.current_page_item > a {
    color: #your-normal-color !important;
}

/* Target the aria-current attribute specifically for these items */
#menu-item-1421 > a[aria-current="page"],
#menu-item-1422 > a[aria-current="page"] {
    color: #your-normal-color !important;
}

/* Ensure actual page menu items still get active styles */
.menu-item-type-post_type.current-menu-item > a,
.menu-item-type-post_type.current_page_item > a {
    color: #your-active-color;
}




#handoffs,
#educational-info,
#contract-resources,
#fees {
  display: none !important;
}

#handoffs.active,
#educational-info.active,
#contract-resources.active,
#fees.active {
  display: block !important;
}







.hang-btn {
  transition: transform 0.3s ease;
}

.hang-btn:hover {
  transform: translateY(-3px);
}








/* -------------------------------------------------------
   CUSTOM REGISTRATION FORM LAYOUT (CVC VERSION - SCOPED)
   Applies ONLY to the Registration form (um-register)
   ------------------------------------------------------- */

/* Use 2-column grid for main rows */
.um-register .um-row._um_row_1,
.um-register .um-row._um_row_2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

/* Remove default Ultimate Member floats/wrappers */
.um-register .um-col-1,
.um-register .um-col-121,
.um-register .um-col-122 {
  display: contents !important;
  width: auto !important;
  float: none !important;
}

/* ---------- LEFT COLUMN ---------- */
.um-register .um-field-first_name {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.um-register .um-field-user_email {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

/* ---------- RIGHT COLUMN ---------- */
.um-register .um-field-last_name {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.um-register .um-field-brokerage_name {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* ---------- FULL-WIDTH DIVIDER ---------- */
.um-register .um-field-divider {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 1px 0 !important;
  border-bottom: 4px solid #eee !important;
}

/* ---------- CVC FIELDS (FULL WIDTH) ---------- */
.um-register #um_field_638_user_login {
  grid-column: 1 / -1 !important;
  grid-row: 5 !important;
}

.um-register #um_field_638_user_password {
  grid-column: 1 / -1 !important;
  grid-row: 6 !important;
}

.um-register #um_field_638_confirm_user_password {
  grid-column: 1 / -1 !important;
  grid-row: 7 !important;
}

/* ---------- GENERAL CLEANUP ---------- */
.um-register .um-row._um_row_1 .um-field-type_spacing:not(:first-of-type) {
  display: none !important;
}

.um-register .um-row._um_row_1 {
  align-items: start !important;
}

/* ---------- RESPONSIVE: STACK FORM ON MOBILE ---------- */
@media (max-width: 768px) {
  .um-register .um-row._um_row_1,
  .um-register .um-row._um_row_2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 15px !important;
  }

  .um-register .um-field-first_name,
  .um-register .um-field-last_name,
  .um-register .um-field-user_email,
  .um-register .um-field-brokerage_name,
  .um-register #um_field_638_user_login,
  .um-register #um_field_638_user_password,
  .um-register #um_field_638_confirm_user_password,
  .um-register .um-field-type_terms_conditions,
  .um-register .um-field-divider {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }

  .um-register .um-field {
    margin-bottom: 5px !important;
  }

  .um-register .um-field-divider {
    margin: 1px 0 !important;
  }
}





/* ====================================================
   MATCH KADENCE HEADER BUTTON DESIGN + ADD "HANG" EFFECT
   ==================================================== */

/* Make sure our custom button looks identical to Kadence's native one */
.button.header-button.button-style-filled {
  background-color: #ce824a !important; /* your brand color */
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  font-family: 'Roboto', sans-serif;
  font-size: 15px !important;
  font-weight: 500;
  padding: 8px 22px !important;
  line-height: 1.3em;
  display: inline-block;
  transition: all 0.25s ease;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

/* Hover state — same style Kadence uses */
.button.header-button.button-style-filled:hover {
  background-color: #b96d3a !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
}

/* Optional "hang" hover lift effect */
.hang-btn:hover {
  transform: translateY(-3px);
}

/* Ensure desktop alignment */
.header-button-inner-wrap {
  display: flex;
  align-items: center;
}