/* ============================================================   KK My Account — Page 36324   Scope: .page-id-36324 (prevents site-wide bleed)   Order: Typography → Layout → Sections → Components============================================================ *//* ------------------------------------------------------------   1) TYPOGRAPHY------------------------------------------------------------ *//* Card headings (H2) */.page-id-36324 .kk-card h2 {  font-family: var(--e-global-typography-f23a857-font-family) !important;  font-size: var(--e-global-typography-f23a857-font-size) !important;  font-weight: var(--e-global-typography-f23a857-font-weight) !important;  letter-spacing: var(--e-global-typography-f23a857-letter-spacing) !important;  text-transform: var(--e-global-typography-f23a857-text-transform);  line-height: 1;  border-bottom: 1px solid;  padding: 0; /* space between text and line */  margin: 0 0 1rem;}/* Apply Elementor Global "Text" typography to custom markup */.page-id-36324 .kk-profile-grid,.page-id-36324 .kk-profile-field,.page-id-36324 .kk-profile-label,.page-id-36324 .kk-profile-value,.page-id-36324 .kk-save-btn,.page-id-36324 #kk-save-profile,.page-id-36324 #kk-phone {  font-family: var(--e-global-typography-text-font-family);  font-size: var(--e-global-typography-text-font-size);  font-weight: var(--e-global-typography-text-font-weight);  line-height: var(--e-global-typography-text-line-height);  color: #000;}/* ------------------------------------------------------------   2) PAGE LAYOUT (3 stacked cards)------------------------------------------------------------ */.page-id-36324 #kk-account {  display: flex;  flex-direction: column;  gap: 4rem; /* desktop spacing between cards */}@media (max-width: 1024px) {  .page-id-36324 #kk-account { gap: 3rem; }}/* ------------------------------------------------------------   3) FAVORITES LIST SPACING (KVCore overrides)------------------------------------------------------------ *//* KVCore adds margin-bottom per listing — remove it so we can use gaps */.page-id-36324 #kk-props-list > .kv-property-listings {  margin-bottom: 0 !important;}/* Spacing between rows/cards inside the listings area */.page-id-36324 #kk-props-list {  grid-row-gap: 15px;}/* ------------------------------------------------------------   4) PROFILE SECTION (base)------------------------------------------------------------ */.page-id-36324 .kk-profile-grid {  display: grid;  grid-template-columns: 1fr;  gap: 14px;}/* Label styling */.page-id-36324 .kk-profile-label {  font-size: 11px;  text-transform: uppercase;  letter-spacing: .14em;  font-weight: 600;  opacity: .6;  margin: 0 0 6px;}/* Value styling */.page-id-36324 .kk-profile-value {  font-size: 16px;  line-height: 1.35;  letter-spacing: .01em;}/* Field separation */.page-id-36324 .kk-profile-field {  padding: 5px 0;  border-bottom: 1px solid #eee;}/* Don’t put a line under the last field (phone) */.page-id-36324 .kk-profile-field:last-child {  border-bottom: 0;}/* Phone field takes full row */.page-id-36324 .kk-profile-phone {  grid-column: 1 / -1;  display: grid;  grid-template-rows: auto auto;}/* Phone input + action row */.page-id-36324 .kk-profile-phone-row,.page-id-36324 #kk-account .kk-profile-phone-row {  display: flex !important;  align-items: center;  justify-content: space-between;  gap: 14px;  flex-wrap: nowrap;}/* Phone input: look like text (not a form box) */.page-id-36324 #kk-account #kk-phone,.page-id-36324 #kk-phone {  flex: 0 0 auto;  border: 0;  background: transparent;  padding: 0;  outline: none;  height: auto;  width: auto;  min-width: 0;  font-size: 16px;  line-height: 1.35;}/* Save/Update phone button */.page-id-36324 #kk-account #kk-save-profile,.page-id-36324 #kk-save-profile,.page-id-36324 .kk-save-btn {  height: 32px;  padding: 8px 12px;  border-radius: 15px;  border: 1px solid #e1e1e1;  background: #fff;  color: #111;  cursor: pointer;  font-size: 12px;  font-weight: 600;  letter-spacing: .02em;  white-space: nowrap;  line-height: var(--e-global-typography-98912f5-line-height);  display: inline-flex;  align-items: center;  justify-content: center;  transition: background-color .15s ease, border-color .15s ease;}.page-id-36324 #kk-account #kk-save-profile:hover,.page-id-36324 #kk-save-profile:hover,.page-id-36324 .kk-save-btn:hover {  background: #f3f3f3;  border-color: #d5d5d5;}/* ------------------------------------------------------------   5) LOGOUT BUTTON------------------------------------------------------------ *//* Preferred logout styling (ID-based; most deterministic) */.page-id-36324 #kk-logout {  margin-top: 5px;  height: 40px;  padding: 0 14px;  border-radius: 15px;  border: 1px solid #e1e1e1;  background: #fff;  font-size: 12px;  font-weight: 600;  cursor: pointer;  line-height: 1;  width: fit-content !important;}.page-id-36324 #kk-logout:hover,.page-id-36324 #kk-logout:focus-visible {  background: #f3f3f3 !important;  border-color: #d5d5d5 !important;}/* If logout is also using .kk-logout-btn, keep it consistent */.page-id-36324 .kk-logout-btn {  height: 44px;  padding: 0 14px;  margin-top: 14px;  background: var(--kk-bg, #fff);  border: 1px solid var(--kk-border, #e1e1e1);  border-radius: 15px;  cursor: pointer;  display: inline-flex;  align-items: center;  justify-content: center;  white-space: nowrap;  box-sizing: border-box;  line-height: 1;  font-size: var(--kk-font-size, 13px);  transition: background-color .15s ease, border-color .15s ease;  width: fit-content !important;  flex: 0 0 auto;  align-self: flex-start; /* prevents stretch in flex parents */}/* Remove native button styling without nuking spacing */.page-id-36324 button.kk-logout-btn {  appearance: none;  -webkit-appearance: none;  margin: 0;  font: inherit;  color: inherit;}/* ------------------------------------------------------------   6) SAVED SEARCHES UI------------------------------------------------------------ */.page-id-36324 .kk-ss-row {  display: flex;  justify-content: space-between;  gap: 1rem;  align-items: center;  padding: 10px;  border: 1px solid #e1e1e1;  margin-bottom: 10px;  border-radius: 10px;}/* no extra gap after last row */.page-id-36324 .kk-ss-row:last-child{  margin-bottom: 0;}.page-id-36324 .kk-ss-title { font-weight: 600; }.page-id-36324 .kk-ss-meta { font-size: 12px; opacity: .7; }.page-id-36324 .kk-ss-actions {  display: flex;  gap: 10px;  align-items: center;}/* Run button */.page-id-36324 .kk-ss-run-btn {  height: 32px;  padding: 0 10px;  border-radius: 10px;  border: 1px solid #e1e1e1;  background: #fff;  color: #000;  font-size: 13px;  font-weight: 600;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  white-space: nowrap;  transition: background-color .15s ease, border-color .15s ease;}.page-id-36324 .kk-ss-run-btn:hover {  background: #ececec;  border-color: #d5d5d5;}/* Frequency select (match run button sizing) */.page-id-36324 .kk-ss-cadence {  height: 32px;  padding: 0 10px;  border-radius: 10px;  border: 1px solid #e1e1e1;  background: #fff;  color: #000;  font-size: 13px;  font-weight: 600;}/* Delete (trash icon button) */.page-id-36324 .kk-ss-delete {  height: 32px;  width: 32px;  border-radius: 50%;  border: 1px solid #e1e1e1;  background: transparent;  cursor: pointer;  display: inline-flex;  align-items: center;  justify-content: center;  transition: background-color .15s ease, border-color .15s ease;}.page-id-36324 .kk-ss-delete:hover {  background: #f3f3f3;  border-color: #d5d5d5;}.page-id-36324 .kk-ss-delete i { font-size: 14px; }/* Helper text */.page-id-36324 .kk-msg { margin-top: 10px; font-size: 13px; opacity: .75; }.page-id-36324 .kk-empty { padding: 12px 0; font-size: 14px; opacity: .65; }/* ------------------------------------------------------------   8) TOASTS------------------------------------------------------------ */#kk-toast-wrap {  position: fixed;  right: 16px;  bottom: 16px;  display: flex;  flex-direction: column;  gap: 10px;  z-index: 999999;  pointer-events: none;}.kk-toast {  pointer-events: auto;  background: #111;  color: #fff;  border-radius: 12px;  padding: 12px;  min-width: 240px;  max-width: 360px;  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);  display: flex;  align-items:center;  justify-content: space-between;  gap: 12px;  font-size: 14px;  line-height: 1.25;}.kk-toast > div:first-child{  display:flex;  align-items:center; /* ensure the text block centers too */}.kk-toast-actions {  display: flex;  gap: 10px;  align-items: center;}.kk-toast button {  border: 0;  border-radius: 10px;  padding: 8px 10px;  cursor: pointer;  font-size: 13px;}.kk-toast-undo {  background: #fff;  color: #111;  font-weight: 700;}.kk-toast-close {  background: rgba(255, 255, 255, .15);  color: #fff;}/* toast row: center everything */.kk-toast{  display:flex;  align-items:center;}/* left text column: fill height + center */.kk-toast > div:first-child{  flex:1 1 auto;  display:flex;  align-items:center;  min-height:34px;}/* nuke common margin culprits inside the left column */.kk-toast > div:first-child *{  margin:0;}/* actions: center */.kk-toast .kk-toast-actions{  display:flex;  align-items:center;}/* ------------------------------------------------------------   9) MOBILE TWEAKS------------------------------------------------------------ */@media (max-width: 600px) {  .page-id-36324 .kk-profile-grid { grid-template-columns: 1fr; }  /* Optional: full-width controls on mobile  .page-id-36324 #kk-phone,  .page-id-36324 .kk-save-btn,  .page-id-36324 #kk-save-profile { width: 100%; }  */}/* ------------------------------------------------------------   10) KVCORE MISC------------------------------------------------------------ *//* Ensure KVCore positioned children behave as expected */.kv-box { position: relative; }