/* The personal colour belongs to the newsletter card, not the account canvas. */
.visitor-account {
  /*
   * Keep one continuous canvas behind the profile content.  Previously the
   * shell colour became visible at the height of the shorter left column,
   * creating a horizontal stripe while the editor continued on the right.
   */
  background: #fcfaf6 !important;
}

.visitor-account::after {
  display: none !important;
}

.visitor-account-sidebar {
  background: #eef0ed !important;
}

.visitor-profile-avatar {
  background: #f4f2ed !important;
}

.visitor-account-main {
  background: #fcfaf6 !important;
}

.visitor-profile-editor {
  min-height: 0 !important;
  background: #fcfaf6 !important;
}

/* The editor ends after the save row; the newsletter remains its own card. */
.visitor-profile-save {
  margin-bottom: 0 !important;
}

.visitor-newsletter-cta {
  width: 100%;
  margin-bottom: clamp(1.5rem, 4vh, 2.5rem);
  overflow: hidden;
  color: var(--visitor-contrast) !important;
  background: var(--visitor-bg) !important;
}

.visitor-newsletter-cta .rt-newsletter-toggle,
.visitor-newsletter-cta > button {
  min-height: 52px !important;
  display: grid !important;
  place-items: center !important;
  padding: .8rem 1.2rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal;
}

.visitor-empty-tapas > span {
  color: var(--visitor-bg) !important;
}

.visitor-contact-email.is-uninformed > span {
  opacity: .72;
  font-weight: 650;
}

.visitor-contact-email.is-uninformed > button {
  font-weight: 750;
}

.visitor-phone-display {
  min-width: 0;
  flex: 1 1 auto;
  display: flex !important;
  align-items: center;
  gap: .42rem;
}

.visitor-phone-display .visitor-phone-flag {
  width: 1.35rem;
  flex: 0 0 1.35rem;
  display: inline-grid;
  place-items: center;
  overflow: visible;
  font-size: 1rem;
  line-height: 1;
}

.visitor-phone-display .visitor-phone-local {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 600px) {
  .visitor-account-sidebar {
    background: #eef0ed !important;
  }

  .visitor-newsletter-cta {
    margin-inline: 0;
  }
}

/* The active-event status badge is deliberately hidden on the map. */
.widget-countdown.phase-active {
  display: none !important;
}

/* Logout has the same visual hierarchy as the other account-menu actions. */
.header-account-menu button:last-child {
  color: inherit !important;
}

/* Match the account dropdown typography to the horizontal header navigation. */
.header-account-menu button {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
}